html - 标题与列表重叠

Question

你好我的好伙伴。

标题“随便”在我的列表上重叠。

我希望列表出现在标题之后。

<div style="width:1024px;height=auto;position:absoulte;min-height:768px;">
    <div class="heading">
        <h1>Whatever</h1>
    </div>

    <div class="list" id="listID" >
        <div style="height:15px;">Nope</div>
        <div style="height:15px;">Yes</div>
        <div style="height:15px;">Maybe</div>
        <div style="height:15px;">Definetely</div>
    </div>
    <button>Print</button>
    <button style="posititon:relative;top:0px;">add</button>
</div>

这是CSS

.heading
{
    position:relative;
    top:50px;
}

.list
{
    position:relative;
    min-height:10px;
    top:0px;
    margin-left:20px;
}

http://jsfiddle.net/zd5n3L5z/

帮帮我。谢谢:)

Answer 1

将标题的顶部更改为边距顶部

.heading
{
    position:relative;
    margin-top:50px;
}

.list
{
    position:relative;
    min-height:10px;
    top:0px;
    margin-left:20px;
}