布局属性疑问

Width,height,position,float,padding,margin,z-index

 

Width问题

Width是盒子的content的宽度，与padding无关。

双div策略，外部div用来设置width和margin以及float，内部div用来设置padding。

 

 

Float元素问题

设置float之后，块级元素的实际宽度变成width大小。

并列的div，都是float:left属性，则竖直方面不侵犯。

 

两个并行的块级元素，第一个设置float:left，第二个没设置。第二个的内容包含第一个的内容。

当第一个设置float:left，第二个没设置，但设置了overflow:hidden的时候

竖直方面不侵犯。但背景会包围第一个块级元素的内容。

 

浏览器变窄内容挤压问题

两个并行的div都是float的时候，浏览器调整大小，内容不挤压。

两个并行的div其中一个是float，另一个不是，浏览器调整大小，没有float的内容受挤压。