Question

所以我有两个<div>嵌套在另一个内。

类似的东西：

<div class="wrapper">
    <div class="left_sidebar"></div>
    <div class="text_area"></div>
</div>

我注意到，当text_area <div>包含足够的文字时，它会略微向左推左侧栏并移动。当我的文章很短时，它就不会这样做。

这是我的CSS：

.wrapper {
    position: relative;
    margin-left: 20%;
}

.left_sidebar {
    position: absolute;
    margin-top: 1.5%;
    width: 20%;
    border-right: 1px solid #777F7F;
    text-align: right;
    padding-right: 1%;
}

.text_area {
    position: absolute;
    text-align: left;
    margin-left: 22%;
    font-size: 1em;
    width: 45%;
}

编辑：我觉得我应该提到这不会发生在我的23英寸1080p显示器上，但它确实发生在我的11英寸768p显示器上。

Answer 1

我认为你可能会从position: absolute;＆amp;中删除left_sidebar text_area因为我没有看到任何关于这种定位的线索。而不是position: absolute;，使用float:left;会帮助我猜测。

<强> See this fiddle

为什么我的<div>会根据内容略有移动？</div>

1 个答案: