Question

我试着做其他问题所说的，但我认为为什么不为我工作的问题是因为div是浮动的。这是我的HTML身体：

<body>
<div class="container">
<div class="header"></div>
<div class="sidebar1"></div>
<div class="content"></div>
<div class="sidebar2"></div>
<div class="footer">    </div>
<!-- end .container --></div>
</body>

所以，我正在寻找的是，在“sidebar2”中将该div的内容集中在一起。并且，所有div都是浮动的，继承人CSS：

.container {
width: 960px;
background: #FFFFFF;
margin: 0 auto; 
}
.header {
background: #ADB96E;
}
.sidebar1 {
float: left;
width: 180px;
background: #EADCAE;
padding-bottom: 10px;
}
.content {

padding: 10px 0;
width: 600px;
float: left;
}
.sidebar2 {
float: left;
width: 180px;
background: #EADCAE;
padding: 10px 0;
}
.footer {
padding: 10px 0;
background: #CCC49F;
position: relative;/* this gives IE6 hasLayout to properly clear */
clear: both;
}

所以正在发生的事情是，现在，我在侧边栏2上发布的任何内容都在顶部，并且该div的内容看起来正好在标题下方，我正在寻找它在中间看起来垂直。我已经尝试在css中进行垂直对齐，将侧边栏包裹在身体上并对齐孩子，没有工作= [。

任何帮助？

Answer 1

jsfiddle

所以这就是你要做的事情，但你有填充问题，你需要知道如何用填充计算宽度，所以我会建议你这些教程：

CSS Box Model

Solving the CSS Padding Problem | TutWow

关于vertical-align，只需搜索，你会发现很多方法和方法。

如何将浮动div的内容与div的中心对齐？

1 个答案: