CSS 清除浮动的作用是什么?
phpcn_u226
phpcn_u226 2016-12-20 15:50:34
0
3
1296

求大神解答

phpcn_u226
phpcn_u226

reply all(3)
数据分析师

What is the role of CSS clear float? -PHP Chinese website Q&A-What is the function of CSS clear float? -PHP Chinese website Q&A

Please watch and learn.

靠近你

DIV层内的元素在使用了float属性后无法自动改变高度的解决办法:  有的时候为了让外侧层根据内容自动调整,没有设置高度或宽度,一般都会正常显示。 但如果层内元素使用了float属性,就会使那些元素脱离文件流,就无法再扩充容器层,就会导致外层大小无法根据内容自动调整。

关于这个问题,总结出以下几种方法,供大家参考

  1. 清除浮动 在层中的有浮动属性的元素最后边加上来清除

  2. 将display设置为table 一般来说,外层宽度都是固定的,设置宽度后可以将外层的显示模式设置为

  3. 添加overflow设置为hidden 将外层的overflow设置为

阿神

要清理浮动的情况大部分是利用浮动来布局的情况,因为那种情况下,父容器不能自适应高度包容浮动的元素,所以需要清理浮动来达到包容浮动元素的目的,IE则可以让父容器具有 layout 来达到。

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!