双飞翼的代码可能会有bug(或者因为您的代码有注释没有正常显示导致我对您的代码理解出现偏差),我拷贝到浏览器中并为出现对应的效果,我简单修改过的代码如下:
<head>
<style>
.outer {
height: 100px;
}
.wrapper {
float: left;
width: 100%;
height: 100px;
background: lightgreen;
}
.left {
float: left;
width: 100px;
height: 100px;
background: tomato;
}
.right {
float: right;
margin-left: -200px;
width: 200px;
height: 100px;
background: gold;
}
.center {
margin-left: 100px;
margin-right: 200px;
height: 100px;
}
</style>
</head>
<body>
<div class="outer">
<div class="left"></div>
<div class="right"></div>
<div class="center">
<div class="wrapper"> </div>
</div>
</div>
</body>
并且圣杯布局也存在类似的错误,烦请明察
双飞翼的代码可能会有bug(或者因为您的代码有注释没有正常显示导致我对您的代码理解出现偏差),我拷贝到浏览器中并为出现对应的效果,我简单修改过的代码如下:
并且圣杯布局也存在类似的错误,烦请明察