Question

我有以下Div：

<div id="container" style="width: 60%; height: 30%; margin: 0 auto; max-width: 720px; max-height: 360px"></div> 
<div id="tapecontainer" style="width: 60%; height: 30%; margin: 50px auto; max-width: 720px; max-height: 360px"></div>

较低的一个与上面的一个稍微重叠，但是当我调整窗口的大小时，突然Div的“记住”我已放入边缘，并正确对齐。

有什么方法可以让它们从一开始就正确对齐？万分感谢。

Answer 1

尝试设置overflow: hidden;

Answer 2

将margin: 50px auto;更改为margin: 0px auto; padding:50px 0; ...

谢谢希望这有效......

Answer 3

尝试这样的事情：

<div id="container" style="width: 60%; height: 30%; margin:auto; max-width: 720px; max-height: 360px"></div> 
<div style="height:50px;"></div>
<div id="tapecontainer" style="width: 60%; height: 30%; margin:auto; max-width: 720px; max-height: 360px"></div>

CSS，Div重叠尽管边缘

3 个答案: