如何增加Div高度的顶部

时间:2015-04-16 06:36:28

标签: html css html5 css3

我的问题是我想要增加我的Div高度顶部没有使用位置:绝对; enter image description here

<html>
<head>
    <style>
        .StartMenu{}
    </style>
</head>
      <body>
            <div class="StartMenu">
                <div class="item" ></div>
            </div>

      </body>
 </html>

4 个答案:

答案 0 :(得分:1)

我认为你需要:

&#13;
&#13;
.StartMenu{
    height: 100px;
    border:1px solid;
    margin-top:-50px;
}
&#13;
<div class="StartMenu">
                <div class="item" ></div>
            </div>
&#13;
&#13;
&#13;

希望它有所帮助。

答案 1 :(得分:1)

另一方面,padding-top可以做你想做的事。

https://jsfiddle.net/a8ff1fg8/

答案 2 :(得分:0)

您可以使用

padding:100px 0 0 0;

margin:100px 0 0 0;

答案 3 :(得分:0)

如果你想在Div内部使用空间,请使用填充。 如果你想移动你的div,请使用保证金。

<html>
<head>
<style>
    .mydiv{
          padding-top:30px; // all elements inside div will move 30px down.
          margin-top:20px; // your div will move 20px down from parent tag.
      }
</style>
</head>
  <body>
        <div class="mydiv">
            <div class="item" ></div>
        </div>

  </body>