负边距在让元素产生偏移时和position: relative有什么区别?
负边距让元素产生偏移时,元素在文档流中的位置也会发生变化
position:relative让元素发生偏移时,其原来的位置依然保留
使用负 margin 形成三栏布局有什么条件?
1.中间宽度自适应,两边宽度固定。
2.三栏都要浮动。
3,中间栏优先渲染。
圣杯布局的原理是怎样的? 简述实现圣杯布局的步骤
圣杯布局要求三栏布局,中间宽度自适应,两边宽度固定
圣杯布局:用到浮动,定位,负边距,不添加额外标签。
步骤一1.中间部分需要根据浏览器宽度的变化而变化,所以要用100%,这里设左中右向左浮动,因为中间100%,左层和右层根本没有位置上去
步骤二:利用负边距,把左右栏定位
步骤三:给外层加padding了
采用相对定位方法,各自相对于自己把自己挪出去
双飞翼布局的原理? 实现步骤?
设置三个DIV的顺序为:中左右,且都向左浮动
2.设置中DIV的宽度为100%
3.设置左DIV的左负边距为-100%,设置右DIV的左负边距为-右元素宽度
4.中DIV添加一层DIV,设置左边距为左元素宽度,右边距为右元素宽度