css 等高布局
2016-07-30 17:39
519 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>测试box-sizing</title>
<style>
html, body, div {
margin: 0;
padding: 0;
}
#main {
width: 100%;
overflow: hidden;
}
#left {
float: left;
width: 10%;
margin-bottom: -1000px;
padding-bottom: 1000px;
background: red;
}
#right {
float: left;
margin-bottom: -1000px;
padding-bottom: 1000px;
background: yellow;
}
</style>
</head>
<body>
<div id="main">
<div id="left">
dddddddddddddddddds</br>
ssssssssssssss</br>
ssssssssssssssss
</div>
<div id="right">ddddddddddsssssssssssssddddddddddsssssssssssssddddddddddsssssssssssssddddddddddsssssssssssss</div>
</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- css——之三行三列等高布局
- css之等高布局
- 纯CSS实现三列DIV等高布局
- CSS布局——左定宽度右自适应宽度并且等高布局
- css负边距可以实现的布局(上)左固定右自适应，多行多列，等高布局
- CSS等高布局
- CSS实例：CSS实现的等高网页布局
- css等高布局技巧
- CSS 三栏等高布局实现方法
- CSS等高布局的7种方式
- 浅谈CSS等高布局
- 【分享】CSS布局多列等高写法
- CSS布局——左定宽度右自适应宽度并且等高布局
- 【CSS】等高布局
- 三列等高CSS布局的一个实例
- css 等高布局
- CSS等高布局的6种方式
- css利用margin外部尺寸实现等高布局经典案例
- css 等高布局
- 利用CSS的三列等高布局