Question

我不希望他们处于同一水平。他们都是独立的div。侧边栏是固定的。为什么侧边栏不在顶部而不是与文章div对齐？

body{
    margin: 0;
    padding: 0;
}

div#sidebar{
    background-color: yellow;
    margin: 0;
    padding: 0;
    float: left;
    height: 100%;
    width: 200px;
    position: fixed;
}

div#article{
    background-color: blue;
    margin-left: 200px;
    margin-top: 50px;
    height: 500px;
}

HTML：

<div id="sidebar">
    sidebar
</div>
<div id="article">
    article
</div>

Answer 1

尝试这个技巧：top:-0px;。不知道，但出于某种原因工作！

＆＃13;

body{
    margin: 0;
    padding: 0;
}

div#sidebar{
    background-color: yellow;
    margin: 0;
    padding: 0;
    float: left;
    height: 100%;
    width: 200px;
    position: fixed;
    top:-0px; /* <-- right here */
}

div#article{
    background-color: blue;
    margin-left: 200px;
    margin-top: 50px;
    height: 500px;
}

＆＃13;

<div id="sidebar">
    sidebar
</div>
<div id="article">
    article
</div>

＆＃13;

文章边缘 - 顶部影响边栏边缘 - 顶部

1 个答案: