源码如下: margin-left 指的是左边的外边距,为正数时,左边间距增大,div向右偏移,为负数时,左边间距减少,相反往左偏移
<head> <meta charset="UTF-8"> <title>双飞翼</title> <style> .wrap { 100%; margin: 0 auto; } .left {
15%;
height: 700px;
background: red;
float: left;
bottom: 0px;
/*margin-left: -100%;*/
}
.right {
15%;
height: 700px;
background: red;
float: right;
/*margin-left: -15%;*/
}
.main {
100%;
float: left;
background: pink;
text-align: center;
}
.content {
height: 700px;
70%;
background: yellow;
margin: 0 auto;
}
</style>
</head>
<body>
<div class="wrap">
<div class="main">
<div class="content">content</div>
</div>
<div class="left">left</div>
<div class="right">right</div>
</div>
</body>