1.负边距在让元素产生偏移时和position: relative有什么区别?
- 负边距:元素在文档流中的位置产生了变化,不仅显示的产生了变化。
-position:relative
:元素在文档流中的位置不变,只是显示的位置发生了变化。
2.使用负 margin 形成三栏布局有什么条件?
注意一下几点,容易出错(我就犯过)
- 侧边栏必须固定宽度,中间栏为自适应
- 三栏都需要浮动
- 最外层包裹容器,需要请浮动
3.圣杯布局的原理是怎样的? 简述实现圣杯布局的步骤?
通过三个区块的浮动,负边距的设置,相对定位的设置,显示的成为两个侧边栏一个主区域的样式。
先设置三个并列的宽元素浮动,再对两个边栏元素设置负的外边距。最后进行相对定位即可。同时别忘了对最外层包裹元素清浮动。
4.双飞翼布局的原理? 实现步骤?
在中间栏中增加一个内部块,代替父元素的作用.增加或减少侧边距,可以创建不同的两栏布局或三栏布局.