# CSS Issues
# IE Flexbox的问题
在IE浏览器下遇到一个Flexbox(out)套一个Flexbox(in)的情况下,里层Flexbox的space-bewteen属性失效
解决:里层不使用Flexbox,使用inline-box
加white-space: nowrap;
# 网页渲染中的空格合并
white-space 属性
- normal 默认,空白会被浏览器忽略。
- pre 空白会被浏览器保留。其行为方式类似 HTML 中的
<pre>
标签。
# overflow: auto 清除浮动(clearfix hack)
详情请参考:清除浮动(clearfix hack) (opens new window)
# clear 清除浮动
注意在使用清除浮动的时候注意,总是应该给next(下一个)的元素设置clear。因为在渲染上一个元素的时候并不知道之后有浮动的元素的情况(代码顺序执行,他不知道下面的代码是什么,当然不知道之后有浮动元素,给它设置clear没有用),但是给下一个元素设置的时候是清楚前面是否有浮动元素的。所以在计算clear 的时候,ok
← FAQ JavaScript 基础 →