优点：简单
缺点：不兼容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;}
优点：简单 缺点：不兼容IE6 优点：兼容性好 缺点：结构多一点 优点：样式简单 缺点：不兼容IE6 同样适用于不...
⑴定宽与自适应 一列定宽 + 一列自适应 Methods ①：float + margin 优点：非常容易理解缺点...
左右布局（高度自适应） 1.左边定宽，右边自适应，或者右边定宽，左边自适应，（高度自适应） 使用 float 完成...
1.左列定宽，右列自适应 浮动： 绝对定位 flex 2.两侧定宽，中栏自适应 flex 3.右侧定宽，左侧自适应...
左边定宽，右边自适应方案： 左右两边定宽，中间自适应 左右居中 行内元素：text-align:center 定宽...
定宽+自适应 float + margin float + overflow table flex 定宽+定宽+自...
一列布局 一列水平居中 一列垂直居中 两列布局 左定宽右自适应 左自适应右定宽 三列布局 左右定宽中间自适应 左右...
左边定宽，右边宽度自适应 等高自适应，两列布局
定宽与自适应 浮动 float + margin 简单的布局方法，左侧设置浮动，右侧设置margin-left（避...
1、少用定宽，多用自适应 2、@media
本文标题：4.2.2.1定宽与自适应与4.2.2.1不定宽与自适应
本文链接：https://www.haomeiwen.com/subject/zoebkttx.html
网友评论