双翼布局-某个月黑风高的夜晚撸代码

最新推荐文章于 2023-05-27 16:27:27 发布

weixin_30596165

最新推荐文章于 2023-05-27 16:27:27 发布

阅读量131

点赞数

原文链接：http://www.cnblogs.com/hehong/p/6492684.html

版权

<!DOCTYPE html>
<html>

<head>
<title>淘宝双翼布局</title>
</head>
<style type="text/css">
.box {
width: 100%;
overflow: hidden;
zoom: 1;
}

.main {
width: 100%;
float: left;
background: blue;
min-height: 30px;
margin-bottom: -99999px;
padding-bottom: 99999px;
}

.sub {
width: 190px;
float: left;
margin-left: -100%;
background: red;
min-height: 30px;
margin-bottom: -99999px;
padding-bottom: 99999px;
}

.addList {
width: 190px;
float: left;
margin-left: -190px;
background: #929292;
min-height: 30px;
margin-bottom: -99999px;
padding-bottom: 99999px;
}

.main-wrap {
margin-left: 200px;
margin-right: 200px;
min-height: 30px;
}
</style>

<body>
<div class="box">
<div class="main">
<div class="main-wrap">我是主列</div>
</div>
<div class="sub">我是我是子列我是子列我是子列我是子列我是子列我是子列我是子列我是子列我是子列我是子列我是子列我是子列我是子列我是子列我是子列我是子列我是子列我是子列我是子列我是子列我是子列我是子列我是子列我是子列我是子列我是子列我是子列我是子列我是子列我是子列我是子列我是子列我是子列子列</div>
<div class="addList">我是附加的列</div>
</div>
</body>

</html>

转载于:https://www.cnblogs.com/hehong/p/6492684.html

weixin_30596165

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
双翼布局-某个月黑风高的夜晚撸代码

<!DOCTYPE html><html><head> <title>淘宝双翼布局</title></head><style type="text/css">.box { width: 100%; overflow: hidden; zoom: 1;}.main { width...
复制链接

扫一扫