0

基本上，如果您查看http://drugraid.3owl.com，您会看到他们有一个横幅，当您调整网页大小时，中间栏始终保持居中，而侧面横幅慢慢地爬到中心。这是我到目前为止的代码。如果有人帮助我，那就太好了。

<!--HTML CODE-->
<html>
<head>
<link rel="stylesheet" href="style.css">
<title>Testing layouts</title>
</head>

<body>

<div id="wrapper">
    <div id="left">1 TEST</div>
    <div id="middle">2 TEST</div>
    <div id="right">3 TEST</div>
</div>

</body>
</html>

CSS 代码

body {
margin: 0px;
}

#wrapper {
height: 35px;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
min-width: 900px;
}

#left {
background-color: #ADA5A1;
height: 35px;
width: 16%;
float: left;
}

#middle {
background-color: #7D726D;
height: 35px;
width: 68%;
float: left;
}

#right {
background-color: #ADA5A1;
height: 35px;
width: 16%;
float: left;
}

另外，如果您有时间，您可以尝试使用... 2px 的边距，因此框的间距为 2px；紧挨着

4

1 回答 1

0

尝试一个以容器为中心的容器

http://codepen.io/gcyrillus/pen/IdrGa 

#maincontainer {
  min-height:100%;
  width:60%;
  min-width:600px;
  margin:auto;
}
于 2013-07-04T22:49:59.503 回答