Question

我试图将两个元素集中在一起制作列。我也想要一个页脚。但是，它们彼此相邻堆叠，并且页脚元素与所有内容对齐。如何正确格式化页面？

h1 {
    color: #225522;
    margin: 0px 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px 0px;
} 
img {
    padding-left: 5px;
    margin-top: 5px;
    margin-left: 1px;
}
p {
    font-size: 14px;
    font-color: #484848;
    font: Trebuchet MS;
}

p.heading {
    padding: 0px;
    margin: 0px;
}
#rn_section1 {
    text-align: center;
    height: 495px;
    width: 400px;
    float: left;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
}
#rn_section2 {
    text-align: center;
    height: 500px;
    width: 400px;
    float: left;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
}
#footer {
    clear: both;
    padding: 5px;
    position:relative;
    margin-bottom: inherit;
}

Answer 1

我知道这个问题很模糊。但试图帮助新手。好的，对于这两个<div>，您能否提供以下CSS：

儿童：
```
float: left;
width: 50%;
```
父：
```
overflow: hidden;
```

上面的CSS会让孩子们占据宽度50%，并将它们放在中心位置。如果您想要修复父级和子级，在您的情况下，您需要为父级提供以下CSS：

width: 800px; /* As both the children are of 400px */
margin: auto;

如何对齐<div>元素？

1 个答案: