-
三列布局，自适应宽度 body{margin: 0;padding: 0;} .left{width: 33.33%; height: 500px; background: red; float: left;} .mid{width: 33.33%; height: 500px; background: gray; float: left; } .right{width: 33.33%; height: 500px; background: blue; float: right;}查看全部
-
两列布局，固定宽度： body{margin: 0;padding: 0;} .main{width: 800px;margin: 0 auto;} .left{width: 200px; height: 500px; background: red; float: left;} .right{width: 600px; height: 500px; background: blue; float: right;}查看全部
-
两列自适应宽度： body{margin: 0;padding: 0;} .left{width: 20%; height: 500px; background: red; float: left;} .right{width: 80%; height: 500px; background: blue; float: right;}查看全部
-
body{margin: 0;padding: 0;} .main{width: 500px; height: 300px; background: red; margin: 0 auto;}查看全部
-
例子：Div{width:800px; height:500px; margin:0 auto}；这种方法可以实现定宽元素居中的方法。查看全部
-
前端就是用技术手段，通过css的浮动，定位实现布局。艺术和技术融合的完美岗位。查看全部
-
浮动和绝对定位可以让文档脱离文档流查看全部
-
margim:0 auto;查看全部
-
margin:0 auto 居中查看全部
-
文本流相当于一个会浮动的div，与div所不同的是它具有一定的空间，而即使是具有浮动属性的div也占据不了它的空间，它会随着剩余空间的位置而随意浮动。查看全部
-
三列布局，中间自适应。运用position：absolute。查看全部
-
position:absolute,left:0;top:0 (绝对定位)查看全部
-
清除浮动 1.第一种方式：给父元素设置overflow:hidden，内容溢出隐藏，将子元素拽回文档流，达到清除浮动效果。 2.第二种方式：浮动元素后面的div，设置清除浮动。 3.第三种方式：伪元素::after->box元素之后添加 ""内容（无内容），块级元素，设置清除浮动 .box::after{content:""; display:block; clear:both;}查看全部
-
width:800px;margin:0 auto;自动居中查看全部
-
三栏布局，左右两栏宽度确定，需要用到绝对定位，方法如下：查看全部
举报
0/150
提交
取消