圣杯布局总结
2018-08-10 本文已影响0人
慕名66
1.需求:
中间列主题内容优先加载;
主题内容宽度自适应,左右两边内容宽度固定;
2.使用技术
浮动:三列外部元素都要浮动
清除浮动:父元素清除浮动
margin-left:margin-left为负值调整左右两列位置
padding:父元素左右加padding
相对定位:左右使用相对定位定位元素
1.需求:
中间列主题内容优先加载;
主题内容宽度自适应,左右两边内容宽度固定;
2.使用技术
浮动:三列外部元素都要浮动
清除浮动:父元素清除浮动
margin-left:margin-left为负值调整左右两列位置
padding:父元素左右加padding
相对定位:左右使用相对定位定位元素