CSS 三栏自适应布局

CSS布局 这个很基础,方法也很多,要留意的知识点还是有一些。

比如IE6的触发layout  *zoom:1

比如使用浮动后的清除浮动  clear:both

需求的延伸也会有一些:

比如三栏等高

比如左栏或者右栏固定,就是position:fixed的运用,当然ie6不支持

基本代码结构:

<div class="con">
    <div class="left"></div>
    <div class="main"></div>
    <div class="right"></div>
</div>

 

按照运用的知识点总结一下一下几种方式

方案一  相对定位

  全absolute

      左栏+右栏 absolute

方案二  负margin

      float+负margin

      inline-block+负margin

方案三  弹性盒模型 flex-box

 

转载于:https://www.cnblogs.com/jamesldj/p/3354651.html

上一篇:PHP将外部相对路径转换为绝对路径


下一篇:浅谈css中的absolute和relative