-
三列布局：左右两侧布局固定宽度，中间部分宽度自适应。则需要采用绝对定位来实现，把左右设置为绝对定位 左侧left 中间 mid 右侧right left的width Apx 右侧的width Bpx left的position 为absolute ，设置为绝对定位，则需要设置此元素的left top值 然后中间部分 设置margin：0 Bpx 0 Apx查看全部
-
自适应 大小采用百分比查看全部
-
width:200px;position:absolute;left:0;top:0左侧一直是200px； margin:0 300 0 200中间是自定义，可以随着窗口改变而改变 上右 下左 width:300px;position:absolute;right:0;top:0右侧是300px查看全部
-
body{margin:0px;padding:0px;font-size:12px ;font-weight:bold;} div{text-align:center;lin-height:30px;} main{width:960px;height:600px;margin:0 auto;} left{width:300px;height:600px;background:#ccc;float:left;} right{width:600px;height;600px;background:#cdecec;float:right;}查看全部
-
块级元素水平居中 margin:0 auto;查看全部
-
布局分一列，两列，三列查看全部
-
块间关系： 紧邻 嵌套 叠加查看全部
-
1、宽度自适应 2、长度无限延长查看全部
-
混合布局最常见查看全部
-
块挨着块 块嵌套着块 块叠压着块 通过CSS把这些快的位置摆放正确 网页就完美了！查看全部
-
块之间的关系就是 块挨着块， 块嵌套着块， 块叠压着块 通过CSS样式把这些块位置放准确，网页就完美了查看全部
-
例（三列布局，中间宽度自适应布局）： <style> *{margin: 0; padding: 0} .left{heght: 500px; width: 200px; position: absolute; left: 0; top: 0} .middle{height: 500px; margin: 0 310px 0 210px} .right{height: 500px; width: 300px; margin: 0 310px 0 210px} </style> <body> <div class="left">left</div> <div class="middle">middle</div> <div class="right">right</div> </body>查看全部
-
哪两个 css 设置，可以让元素脱离文档流（）A浮动（float）和 绝对定位（position：absolute）查看全部
-
块之间的关系就是 块挨着块， 块嵌套着块， 块叠压着块 通过CSS样式把这些块位置放准确，网页就完美了查看全部
-
左边设定绝对定位，右边设定margin值。查看全部
举报
0/150
提交
取消