4.2.2.1定宽与自适应与4.2.2.1不定宽与自适应

优点:简单

缺点:不兼容IE6


优点:兼容性好

缺点:结构多一点


优点:样式简单

缺点:不兼容IE6

同样适用于不定宽与自适应

可以实现伪等高

添加:.parent{overflow:hidden;}

         .left,.right{padding-bottom:9999px;margin-bottom:-9999px;}


缺点:代码多,不支持IE67

同样适用于不定宽与自适应

去掉table-layout:fixed;

修改:.left{width:0.1%;padding-right:20px;}

         .left p{width:200px;}

同样可以实现等高布局


缺点:低版本浏览器不兼容,一般用于小范围布局

同样适用于不定宽与自适应

同样可以实现等高布局


多列定宽和一列自适应

同样适用于多列不定宽与自适应

去掉:width:100px;

添加:.left p,.center p{width:100px;}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 收听音频,戳链接,旧号itclan已暂停使用,欢迎关注微信itclanCoder公众号可收听更多音频 前言 关于网...
    itclanCoder阅读 12,533评论 3 30
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • 左列定宽,右列自适应 该布局方式非常常见,适用于定宽的一侧常为导航,自适应的一侧为内容的布局 1、利用float+...
    小翼_b998阅读 4,296评论 0 0
  • 1. CSS Reset 浏览器对标签进行样式设置,不同浏览器默认样式有差异 CSS Reset 全局定义样式,通...
    hyt222阅读 2,905评论 0 0
  • display:设置元素的显示方式 display:block(块级元素) 默认为父元素宽高,可设置宽高相对前序换...
    bluishwhiteC阅读 3,858评论 0 0