Question

我无法弄清楚如何获得＆＃34;这是标题＆＃34; div的文本向下移动而不影响页面的其余部分。当我向标题div添加padding-top时，会增加整个div的大小。那不是我想要的。我只想将文本移动到div的中间。

<body>


<div id="container">

    <div id="name">
    <h1>Byron Woodfork</h1>
   </div>        

    <div id="nav">
   <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Projects</a></li>
    <li><a href="#">Contacts</a></li>
   </ul>
    </div><!--ends nav div-->


    <div id="header">
    <p>This is the header</p>

    </div><!--ends header div-->

#nav {
    float: right;
    width: 400px;
    height: 60px;
    background-color: #07f50b;

}

#name {
    width: 560px;
    height: 60px;
    float: left;
    background-color: #06f706;

}

#header {
    width: auto;
    height: 500px;
    background-color: #282e34;

}

Answer 1

一种简单的方法是将标题div的行高设置为与div本身相同的高度（因此行高：500px）。但是，如果您的文本占用多行，则无法正常工作。

将文本放在Div中

1 个答案: