清除浮动的问题

https://jsfiddle.net/chic/eyw3uubp/ 这种情况下如何有效清除div.menu内元素的浮动？不能用overflow:hidden;因为div.menu内有浮出的内容；

css


share
v琦仔家的s2 9 years, 8 months ago

Answers


 .menu{
        overflow:hidden; zoom:1;
}

这样？


share
青春散落一地 answered 9 years, 8 months ago

设置 overflow: hidden; 是为了创建一个新的Block Formatting Context。而这个新创建的BFC就可以包含floated元素。

所以，问题就转化成了如何创建一个新的BFC?

通过查看 文档 就可以知道了。比如 inline-block , flex 等等都可以。


share
Basho answered 9 years, 8 months ago

Your Answer

Ask Question
Related questions

web前端关于拿到设计稿的尺寸问题？

QQ和UC浏览器低版本不支持inline-block属性问题？

如何测量 CSS 选择器的性能？

为什么button嵌入到iframe框架中后无法实现页面的跳转？

如果有个布局是3列，前两列是固定100px宽，最后一列占完剩下的所有宽度，该怎么用html和css？

如何设置字体让网页在中文英文混合情况下可以完美显示？