1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > css中div高度自适应

css中div高度自适应

时间:2019-08-14 18:29:16

相关推荐

css中div高度自适应

高度的自适应(父div高度随子div的高度改变而改变)

1、如果父div不定义height、子div均为标准流的时候,父div的height随内容的变化而变化,实现父div高度随子div的高度改变而改变。

<style type="text/css">

#aa{}{ border:#000000 solid 5px}

#bb{}{border:#00ffff solid 5px;}

#cc{}{ border:#0033CC solid 5px}

</style>

<div id="aa">父div

<div id="bb">子div</div>

<div id="cc">子div</div>

</div>

2、如果子div使用了float属性,此时已经脱离标准流,父div不会随内容的高度变化而变化,解决的办法是在浮动的div下面,加一个空div,设置clear属性both

<style type="text/css">

#aa{}{ border:#000000 solid 5px;}

#bb{}{border:#00ffff solid 5px;float:left}

#cc{}{ border:#0033CC solid 5px;float:left}

</style>

<div id="aa">父div

<div id="bb">子div</div>

<div id="cc">子div</div>

<div style="clear:both"></div>

</div>

参考资料: css中div高度自适应 /news/143.html

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。