CSS定位元素留下空白

时间:2015-06-14 07:51:38

标签: html css

我一直在努力解决这个问题。我有一个网站,我想放置一些固定定位元素(用户的警报框类型)。因此,我决定将其定位为固定并放在网络的左下角。我认为无论在哪里放置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;
}

我错过了什么?

谢谢!

2 个答案:

答案 0 :(得分:2)

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

https://jsfiddle.net/tpoj91u4/

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

答案 1 :(得分:0)

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