首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Div自适应高度解决办法

2012-10-18 
Div自适应高度解决方法/div补充:div idmain div idcontent? pdemo1/p? pdemo2/p? p

Div自适应高度解决方法

</div>

补充:

<div id="main">
<div id="content">
? <p>demo1</p>
? <p>demo2</p>
? <p>demo3</p>
</div>
</div>#main { border:1px solid #999999; background-color:#CCCCCC; height:100%; overflow:hidden;}
#content { float:left;}

以上三个方法都不是最好的解决方法,因为在程序代码观念中是提倡尽量不要添加无意义的标签代码

介绍我的解决方法是直接在最外层div加以下样式

#main {
height:100%;
overflow:hidden;
}

热点排行