关于DIV布局,div高度随内容增加而增加的问题?
5个回答
展开全部
高度自适应,想要兼容ie678浏览器的按照下面的写,
div{min-height:500px; height:auto!important; height:500px;}
上面三个属性的顺序不可以改变,最小高度的值要和最后那个高度的值一样。
如果这个div里面有浮动层的子级,而且高度超过500的话,要有清除浮动层
例如:
<div style="min-height:500px; height:auto!important; height:500px;">
<div style="float:left; height:600px; width:200px;"></div>
<div style="float:right; height:600px; width:200px;"></div>
<div style="clear:both;height:0px; line-height:0px"></div>/*清除浮动层,这样页面不会跑*/
</div>
div{min-height:500px; height:auto!important; height:500px;}
上面三个属性的顺序不可以改变,最小高度的值要和最后那个高度的值一样。
如果这个div里面有浮动层的子级,而且高度超过500的话,要有清除浮动层
例如:
<div style="min-height:500px; height:auto!important; height:500px;">
<div style="float:left; height:600px; width:200px;"></div>
<div style="float:right; height:600px; width:200px;"></div>
<div style="clear:both;height:0px; line-height:0px"></div>/*清除浮动层,这样页面不会跑*/
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你想问什么,div不设置高度自然就增加了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你设置固定高度,就可以了,再加一个溢出隐藏就可以了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
height:100%; height:auto; 这叫窗口自适应.
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询