Home > Web Front-end > HTML Tutorial > 解决子级用css float浮动 而父级div没高度不能自适应高度_html/css_WEB-ITnose

解决子级用css float浮动 而父级div没高度不能自适应高度_html/css_WEB-ITnose

WBOY
Release: 2016-06-21 08:59:30
Original
1461 people have browsed it

1.使用css clear清除浮动;

在父级div体内添加子级div

2.对父级样式加overflow:hidden。

(PS:为什么是hidden?反其道而行之?)


PS

1.clear 属性规定元素的哪一侧不允许其他浮动元素。

可能值:left、right、both、none(默认值)、inherit

2.overflow 属性规定当内容溢出元素框时发生的事情。

可能值:auto、scroll、hidden、visible(默认值)、inherit


参考文献:

1.解决子级用css float浮动 而父级div没高度不能自适应高度-http://www.divcss5.com/jiqiao/j612.shtml

2.CSS 参考手册-http://www.w3school.com.cn/cssref/index.asp

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template