Question

每当我向标题中的第二个div添加标题时，它就会向下移动。我已经看到了这个问题的几个答案，但到目前为止还没有，所以这要么不同，要么我做错了。

这是我的标题

<div id='header' class='full'>
    <div id='headerhead' class='full'></div>
    <div id='headertext' class='full'><h1>Protocol Grean</h1></div>
    <div id='headerbuttons'></div>
</div>

这是四个div的CSS

#header {
    height: 200px;
    background-color: green;
}
#headerhead {
    height: 50px;
    background-color: darkgreen;
}
#headertext {
    padding-left: 50px;
    height: 100px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    background-color: pink;
}
#headerbuttons {
    height: 50px;
    background-color: blue;
}

我需要添加什么才能使HeaderText不浮动？垂直对齐似乎对我没有任何作用，位置绝对只是让HeaderButtons消失。

Answer 1

您需要从margin元素中移除h1：

#headertext h1 {
    margin: 0;
}

添加标题会移动Div

1 个答案: