html - div 中的 CSS/HTML 奇怪的文本位置

Question

我现在正在制作一个网站，它在左列有一个固定的宽度，在右列有一个填充剩余宽度的列。我有一个问题，主列中的文本（左侧的列，主页内容所在的位置）似乎从 div 的中间开始，这很丑陋，而不是我想要的。我希望主列中的文本从顶部开始，而不是在内容框的中间。

我正在开发的网站的在线示例http://creationation.eu/testsite/

#content{
    position: relative;
    display: block;
    top: 132px;
    margin-right: 455px;
    background-color: #F2F2F2;
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: left;
}

Answer 1

更新你的CSS：

#content {
    background-color: #F2F2F2;
    border: 3px none;
    float: left;
    height: 610px;
    margin-top: 22px;
    width: 535px;
}

和

#nav {
    background-color: #F2F2F2;
    border-bottom: 2px solid #000000;
    border-top: 2px solid #000000;
    float: left;
    font-size: 35px;
    list-style: none outside none;
    margin: 0;
    min-width: 100%;
    padding: 0;
    position: relative;
}