gpt4 book ai didi

html - 这两个 block 元素之间不应该有任何空间

转载 作者:太空宇宙 更新时间:2023-11-04 05:32:47 25 4
gpt4 key购买 nike

我的页面有一个三列布局,左右两列是绝对定位的,而中心列使用相对定位。所有三列都应从页面顶部移除 184 像素的距离,但由于某种原因,页面顶部与中心列之间的距离大于 184 像素。我意识到中心列仍在文档的正常流动中,但由于填充和边距都设置为零,因此标题和中心列应该接触。知道发生了什么事吗?


body 
{
padding:0px;
margin:0px;
}

#header
{
padding:0px;
margin:0px;
background-image:url(images/HeaderSlice.gif);
background-repeat:repeat-x;
height:184px;
}

#centerCol
{
position:relative;
margin-left:200px;
margin-right:200px;
}


#leftCol
{
position:absolute;
top:184px;
left:0px;
width:200px;
}

#rightCol
{
position:absolute;
top:184px;
right:0px;
width:200px;
}

HTML 文件:

    ...
<body>
<div id="header">...</div>
<div id="centerCol">...</div>
...


谢谢


编辑:

现在可以了。在 #centerCol 内部我有另一个 div(id=”userManagement”),结果是 #userManagement 内部的上边距与 #centerCol 的上边距重叠

<div id="centerCol">
<div id="userManagement">...</div>
</div>

#userManagement
{
margin-top:16px;
margin-left:10px;
font-size:12px;
}


谢谢大家对我的帮助

最佳答案

一个。 #header 可能包含导致溢出的内容 - 使其超出其高度。尝试将“溢出:隐藏”添加到#header 元素。b.您确定 centerCol 的 margin-top 和 padding-top 设置为 0 吗?你的代码片段没有显示这个。

用FireBug打开Firefox中的页面,在firebug窗口中查看定位数据。它提供了对定位问题的深刻见解

关于html - 这两个 block 元素之间不应该有任何空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2164928/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com