div框架布局(div做网页框架)

青旅半醒 2023-09-26 11:56 21阅读 0赞

### div怎么布局 ###

table布局是简单，但现在的页面都要符合W3C标准，所以都改成css+div；你如果想学css+div,；你到这个网址上去看看，有很详细的教程，我没事就上来看看的

就说你说的问题，你写了一个div他没有显示在左边，而是在上边了，解决办法很简单，你要分别写两个div，一个是居左的，一个是居右的，

方法如下：左边右边

还可以写成：

.left\{float:left;\}

.right\{float:right;\}

\#layer1 \{

position:absolute;

left:383px;

top:36px;

width:366px;

height:319px;

z-index:1;

xxxxxxxxxxxxxxxx

这时一个简单的div布局，你可以用dreamweaver工具这用画就好了DIV+CSS只是比TABLE流行 并不能代替TABLE

DIV+CSS用来布局大体的样子，但有些小的地方，还是需要table的。

我觉得div+css你只要注意，宽度和高度，以及悬浮就能布局了。相互之间不要被乱顶下去楼上你真强？不解释

看手册最实际

![div框架布局(div做网页框架)\_div框架布局(div做网页框架)][div_div_div_div]

### 怎样用DIV布局 ###

使用 DIV Tags

当我们使用 CSS-P 的时候， 我们主要把它用在 DIV (division) tag 上.当你把文字, 图象, 或其他的放在 DIV 中， 它可称作为 "DIV block", 或 "DIV element" 或 "CSS-layer", 或干脆叫 "layer". 而中文我们把它称作 "层次". 所以当你以后看到这些名词的时候， 你就知道它们是指一段在 DIV 中的 HTML。

使用 DIV 的方法跟使用其他 tag 的方法一样

This is a DIV tag

但当我们把 CSS-P 用到 DIV 中去以后， 我么就可以严格设定它的位置. 首先我们需要给这个可以被 CSS-P 控制的 DIV 一个 ID 或说是它的名字。比如说我们给下面这个 DIV 的名字是 truck. 给名字的目的是我们以后可用 JavaScript 来控制它， 比如说移动它或改变它的一些性质等等。

This is a truck

给层次取什么名字是随意的, 名字可以是任何英文字母和数字, 但第一个必须是字母. 有两种把 CSS-P 应用到 DIV 的方法.

Inline CSS:

Inline 是最常用的方法。

This is a truck

我们下面将会告诉你都有哪些 style 和如果把它们写到 DIV 里。

External STYLE tag:

使用 External 方法的结果是一样的。 现在我们主要讨论 Inline 方法。请注意在 External 方法里,在 STYLE 里的 ID 和 DIV 里的关系。

truck">

This is a truck

Cross-Browser CSS 性质:

我们这个课程的主要目的是让你写出的网页在 NS4 和 IE4 上都能工作， 所以我们主要讨论那些对俩者都通用的性质。 下面这些性质符合由 W3C 给出的标准。 position