摘要：
height和margin的计算 计算 'top', 'margin top', 'height', 'margin bottom', and 'bottom' 的时候。需要对不同类型的盒子进行区分。 1.inline, non replaced elements 2.inline, replace 阅读全文
posted @ 2016-07-19 17:48
郭逊
阅读(576)
评论(0)
推荐(0)
摘要：
行高计算 在行内格式化上下文中，UA把行内级别的盒子放入行框组成的竖直堆栈。行框的高度由下面规则确定： 1.计算每个行内级别元素的高。对可替换元素、行内块元素、行内表格元素，这个高是它们的marign 盒子的高；对行内盒子来说，这是它们的行高。(参阅：leading，行内盒子的高，高和margin的 阅读全文
posted @ 2016-07-19 17:32
郭逊
阅读(408)
评论(0)
推荐(0)
摘要：
White space Name: white space Value: normal | pre | nowrap | pre wrap | pre line | inherit Initial: normal Applies to: all elements Inherited: yes Per 阅读全文
posted @ 2016-07-19 16:56
郭逊
阅读(181)
评论(0)
推荐(0)
摘要：
diplay,Position,Float 之间的关系 影响盒子的产生和布局的三个属性是： 'display','position','float'。他们之间的关系如下： 1.如果display的值是'none',那么'position','float'没用。这时，元素不产生盒子。 2.否则：如果' 阅读全文
posted @ 2016-07-19 16:26
郭逊
阅读(181)
评论(0)
推荐(0)
摘要：
自然流(Normal flow) 在自然流中的盒子，属于某种格式化上下文。CSS2.2中。块级盒子参与块格式化上下文，行内盒子参与行内格式化上下文。未来可能有其他的。 块格式化上下文 浮动、绝对定位、不是块盒子的块容器(例如，inline block,table cells,table captio 阅读全文
posted @ 2016-07-19 16:12
郭逊
阅读(176)
评论(0)
推荐(0)
摘要：
什么是可视格式化模型(visual formatting model) 可视格式化模型：浏览器按照一定规则对文档树进行可视化处理。 在可视化模型中，文档树中的每个元素根据盒子模型产生0个或多个盒子，盒子的布局遵循下面规则： 盒子尺寸和类型 位置类型(自然流，浮动，绝对定位) 文档树中的位置关系 其他 阅读全文
posted @ 2016-07-19 14:55
郭逊
阅读(763)
评论(0)
推荐(0)
浙公网安备 33010602011771号