HTML/CSS将div设置为背景

我想将<div id="bar">...</div>设置为背景。首先，这里是我的网页：tekkkz.com HTML/CSS将div设置为背景

<div id="bar"> 
    <span id="views">50</span> 
    <a class="icon-small" id="like"></a> 
    <a class="icon-small" id="dislike"></a> 
</div>

该块（与喜欢/不喜欢按钮，右上方）应该是在后台运行，所以它不会把我的内容框的任意宽度。

如何做到这一点？

为了更好地理解：我想要达到的目的与在libreoffice中设置图片定位到页面相似。

尽量使其'位置：absolute'这应该从文档元素考虑元素流量，这用'Z-index'财产 –

您应该在其父母上使用<div id="bar">和position: relative上的position: absolute。如果您希望元素位于内容块的右上角，请使用right: 0。

#bar { 
    position: absolute; 
    right: 0; 
} 
.content { 
    position: relative; 
}

2015-09-26 11:53:27

完美的解决方案 –

很乐意帮助你了。此外，我在我的答案中添加了一些代码。如果有帮助，请将其标记为正确的答案 –

既然已经在样式表的style.css

#bar{float:right;}

所以，你可以只添加在您的预块

<pre style="clear:both">

我试了一下。它像魅力一样工作。

希望它能帮助

2015-09-26 11:58:53

回答