简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > 浮动对父元素高度的影响,三列布局的实现---2019年9月4日
Blogger Information
Blog 9
fans 0
comment 0
visits 5839
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
浮动对父元素高度的影响,三列布局的实现---2019年9月4日
错过博客
Original
753 people have browsed it

1.怎样消除,子元素浮动,对父元素高度的影响

    在父元素没有设置高度,或者说子元素的高度大于父元素的高度情况下,使用浮动的话 会使父元素盒子模型的展示出现问题.如图所示,

demo1.png

    想要使其正常的话,可以手动设置父元素的高度,使其大于子元素的高度,不过这样比较麻烦,推荐写法是添加

overflow:hidden

添加后图示:

deno2.png

    总结:  消除,子元素浮动,对父元素高度的影响 添加overfollow:hidden

            实例演示布局与下一个作业差不多,放在下一个上面一起展示



Correction status：qualified

Teacher's comments：其实你没有写完, 下次不要分开提交
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！