用CSS实现div等高_html/css_WEB-ITnose
.wrap {
width: 500px;
margin: auto;
overflow: hidden;
}
.left, .right {
padding-bottom: 32767px;
margin-bottom: -32767px;
color: white;
}
.left {
background-color: #000;
width: 200px;
float: left;
height: 800px;
}
.right {
background-color: red;
width: 300px;
float: right;
}
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
方法2:
这个方法的优点:
代码少,简单
缺点:不兼容IE7.6
* {
margin:0;
padding:0;
border:0;
list-style:none;
}
.cell1, .cell2, .cell3 {
display:table-cell;
width:180px;
padding-left:10px;
background-color:#ff6a00;
border:1px solid #00ffff;
}
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
aaa
推荐阅读
-
css实现两个div并排等高(一个div高度随另一个高度变化而变化)
-
用css实现正方形div
-
用纯css实现的html5 logo标志
-
用CSS3打造HTML5的Logo(实现代码)
-
用纯css3和html制作泡沫对话框实现代码
-
HTML中利用div+CSS实现简单的箭头图标的代码
-
用CSS3 vh 简单实现DIV全屏居中
-
html div内第二行文字显示不下的时候才用省略号代替 css实现
-
Codeforces Round #156 (Div. 2)-A. Greg's Workout_html/css_WEB-ITnose
-
Codeforces Round #107 (Div. 2)-A. Soft Drinking_html/css_WEB-ITnose