- 北境漫步
-
DIV根据内容自动调整的方法有三种,分别如下:
一,增加一个清除浮动,让父容器知道高度。请注意,清除浮动的容器中有一个空格。
Html代码如下:
<divid="main"><divid="content"></div><divstyle="font: 0px/0px sans-serif;clear: both;display: block"></div></div>
二,增加一个容器,在代码中存在,但在视觉中不可见。
Html代码如下:
<divid="main"><divid="content"></div><divstyle="height:1px; margin-top:-1px;clear: both;overflow:hidden;"></div></div>
三,增加一个BR并设置样式为clear:both。
Html代码如下:
<divid="main"><divid="content"></div><brstyle="clear:both;"/></div>
- nicehost
-
呵呵,就是高度自适应吧。
#content{
height:auto!important;
min-height:100px;
height:100px;
}
这样你DIV的初始高度是100px(即使内容没有那么多),当内容高度超过100px时div的高度会自动增加。
另外:div是块级元素,它自己就可以根据上面div的位置而改变自己的位置。浏览器也是先显示上面一个div后再显示下面一个div。你的position用的不是地方。
- 大鱼炖火锅
-
在父标签上加属性:
height:auto;dispaly:table;
============================================================
你们这帮人真恶心
基础都不打好就想盖楼
你以为DIV+CSS就是拉个框把东西扔进去?
你丫知道 position: absolute; 是什么意思吗??
以下是完整的代码
<body>
<center>
<div id="container">
<div id="header"></div>
<div id="content"></div>
<div id="footer"></div>
</div>
</center>
</body>
#container { font-family: "Trebuchet MS", "Arial", "Helvetica", "sans-serif"; font-size: 12px; line-height: 16px; height:auto;dispaly:table; width:auto;}
#header { width: 882px; height: 68px;}
#pathway { color: #CBCBCB; width: 882px; height: 21px; }
#main_content {height: 392px; width: 882px; margin-top: 10px; font-family: "Arial"; }
#content{width: 882px;height:auto; }
- 我不懂运营
-
DIV根据内容自动调整的方法有三种,分别如下:
一,增加一个清除浮动,让父容器知道高度。请注意,清除浮动的容器中有一个空格。
Html代码如下:
<divid="main"><divid="content"></div><divstyle="font:
0px/0px
sans-serif;clear:
both;display:
block"></div></div>
二,增加一个容器,在代码中存在,但在视觉中不可见。
Html代码如下:
<divid="main"><divid="content"></div><divstyle="height:1px;
margin-top:-1px;clear:
both;overflow:hidden;"></div></div>
三,增加一个BR并设置样式为clear:both。
Html代码如下:
<divid="main"><divid="content"></div><brstyle="clear:both;"/></div>
- 南yi
-
呵呵,上面说的不错啊,基础不学好就想盖楼,,直接用三个div就行了,外面不用放container 这个总的,多余!!!
- wio
-
直接写3个层就可以 3个层的属性中都不要设top属性和position属性。