四种方法:
1、增加一个清除浮动，让父容器知道高度；
2、增加一个容器，在代码中存在，但在视觉中不可见；
3、增加一个BR并设置样式为clear:both；
4、设置一个足够高的高度，并在父级元素中清除溢出的部分。
怎样让一个div高度自适应浏览器高度
这个方法就大致分为两种吧，
第一种，用CSS的方法
第二种，用JS方法
这里暂时只演示第一种，如果第二种，另外@我
示例代码如下：
CSS代码第一种写法
html,body{height:100%; margin:0;}/**把HTML和BODY的高度设置成100%**/
div{height:100%; background-color:#ccc;}/**把你DIV的高度设置成100%**/
CSS代码第二种写法
div{height:100%; position:absolute; width:100%; background-color:#ccc; left:0; top:0;}
这里用到position:absolute; 所以HTML和BODY不需要设置100%
如何实现DIV网页的高度自适应？
方法有两种，详细写就太长了。反正两个方法，一个是纯
DIV+CSS
，还有一个就是JS实现
纯CSS
纯CSS实现侧边栏/分栏高度自动相等
这里直接介绍我认为的最佳的侧边栏/分栏高度自动相等方法。核心的CSS代码如下（数值不固定）：
margin-bottom
:-3000px;
padding-bottom:3000px;
再配合父标签的overflow:hidden属性即可实现高度自动相等的效果。
举个简单的实例吧，如下CSS及
HTML代码
：
#content{overflow:hidden;}
.left{width:200px;
margin-bottom:-3000px;
padding-bottom:3000px;
background:#cad5eb;
float:left;}
.right{width:400px;
margin-bottom:-3000px;
padding-bottom:3000px;
background:#f0f3f9;
float:right;}
.center{margin:0
410px
0
210px;
background:#ffe6b8;
height:600px;}
<div
id=content>
<div
class=left>左边，无高度属性，自适应于最高一栏的高度</div>
<div
class=right>右边，无高度属性，自适应于最高一栏的高度</div>
<div
class=center>中间，高度600像素，左右两栏的高度与之自适应</div>
</div>
怎么设置Div随着内部数据多少自适应高度？
DIV的高度在样式中不要写，它就会跟随内容自动适应了，例如：
<div style="width:300px; border:1px #333 solid;">
11111<br />
1111<br />
1111<br />
11111<br />
1111<br />
1111<br />
11111<br />
1111<br />
1111<br />
11111<br />
1111<br />
1111<br />
</div>
你在这里面增减内容试试看
怎样让div自适应大小
自适应分为高度自适应和宽度自适应
高度自适应较好解决，将高度设为自动，如：aa{height:auto;}
宽度自适应将宽度设为百分比的方式，如：
.wai{widht:98%;margin:0
auto;}/*宽度占整个屏幕的98%，且水平居中显示*/
相较于单列内容自适应，多列较复杂，根据实际情况调整吧。
相关推荐：
