如何使两个<div>s重叠？
如何使两个<div>s重叠？
提问于 2008-11-06 22:02:11
我需要两个div来看起来有点像这样：
| |
---| LOGO |------------------------
| |_______________| LINKS |
| CONTENT |让它们整齐重叠的最整洁/最优雅的方式是什么？徽标将具有固定的高度和宽度，并将接触页面的顶部边缘。
回答 4
Stack Overflow用户
回答已采纳
发布于 2008-11-06 22:05:59
我可能会这样处理它(CSS和HTML)：
html,
body {
margin: 0px;
}
#logo {
position: absolute; /* Reposition logo from the natural layout */
left: 75px;
top: 0px;
width: 300px;
height: 200px;
z-index: 2;
}
#content {
margin-top: 100px; /* Provide buffer for logo */
}
#links {
height: 75px;
margin-left: 400px; /* Flush links (with a 25px "padding") right of logo */
}<div id="logo">
<img src="https://via.placeholder.com/200x100" />
</div>
<div id="content">
<div id="links">dssdfsdfsdfsdf</div>
</div>
Stack Overflow用户
发布于 2008-11-06 22:06:34
只需在第二个div中使用负边距即可：
<div style="margin-top: -25px;">并确保设置z-index属性以获得所需的分层。
Stack Overflow用户
发布于 2008-11-06 22:04:17
使用绝对或相对定位，您可以进行各种重叠。您可能希望徽标的样式如下：
div#logo {
position: absolute;
left: 100px; // or whatever
}注:绝对位置有它的古怪之处。你可能需要做一些实验，但是做你想做的事情应该不会太难。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/270493
复制相关文章
相似问题
腾讯云开发者
