Question

我一直在努力解决这个问题。我有一个网站，我想放置一些固定定位元素（用户的警报框类型）。因此，我决定将其定位为固定并放在网络的左下角。我认为无论在哪里放置HTML代码并不重要，因为它无论如何都要放置，所以我把它放在开放的body标签下面。一切顺利，盒子最终到达我想要的位置，但它在网页顶部留下了一条空白区域（HTML代码所在的位置）。 Isn定位的元素应该占用不占空间吗？我的逻辑似乎是错误的。

Image问题。

包装盒HTML：

<div class="users-alert-box">
 Some Text
</div>

CSS：

.users-alert-box {
background: #fffcd2 none repeat scroll 0 0;
border-radius: 5px;
bottom: 35px;
box-shadow: 1px 1px 5px #888;
display: block;
font-size: 12px;
left: 30px;
padding: 10px 15px;
position: fixed;
z-index: 1000;
width:170px;
}

我错过了什么？

谢谢！

Answer 1

您提供的代码不会创建顶部空间。检查小提琴。

https://jsfiddle.net/tpoj91u4/

间距将来自任何其他元素的margin。

Answer 2

原来是与PHP相关的错误。感谢大家的时间！

CSS定位元素留下空白

2 个答案: