-
中间用margin来设置上右下左；查看全部
-
position:absoule;left:;...来定位；查看全部
-
body{margin:0;padding:0;}清除默认； margin:0 auto; 居中布局；查看全部
-
一列布局都是固定宽度的；查看全部
-
布局...查看全部
-
常见页面布局包括：一列布局，两列布局，三列布局，混合布局。查看全部
-
左右分栏，左侧固定，右侧自适应查看全部
-
混合布局查看全部
-
<title>二列布局</title> <style type="text/css"> body{ margin:0; padding:0; font-size:30px; font-weight:bold} div{ text-align:center; line-height:50px} .main{ width:160px; height:200px; margin:0 auto} .left{ width:50px; height:200px; background:#ccc; float:left;}/*左浮动样式*/ .right{ width:110px; height:200px; background:#FCC; float:right;}/*右浮动样式*/ </style>查看全部
-
<title>一列布局</title> <style type="text/css"> body{ margin:0; padding:0; font-size:30px;} div{ text-align:center; font-weight:bold;} .main,.footer{ width:160px; margin:0 auto;} .head{ width:100%; height:100px; background:#ccc} .main{ height:200px; background:#FCC} .footer{ height:50px; background:#9CF} </style>查看全部
-
<title>三列布局</title> <style type="text/css"> body{ margin:0; padding:0; font-size:30px; font-weight:bold} div{ line-height:50px} .left{width:200px; height:600px; background:#ccc; position:absolute; left:0; top:0} .main{ height:600px; margin:0 310px 0 210px; background:#9CF} .right{ height:600px; width:300px; position:absolute; top:0; right:0; background:#FCC;} </style>查看全部
-
清除浮动有两种方法：1.clear:both 2.overflow:hidden查看全部
-
float:left(right) {float浮动后面加参数左或者右边}查看全部
-
margin:0 auto (0这个参数表示上线的距离，auto表示左右的参数)查看全部
-
清除浮动有两种方法：1.clear:both 2.overflow:hidden查看全部
举报
0/150
提交
取消