我有一个 <div>
用border:15px
.它在左上角有一个图像,如 fiddle 中所示
http://jsfiddle.net/user1212/e7Gez/17/
现在,这个图像从顶部向下推文本。我怎样才能让文本得到 margin-top:0;
我不想将图像用作 background-image
自 15px border
重叠它。
有什么解决办法吗?
最佳答案
只需在图像上使用float: left;
,参见updated Fiddle .您还可以在其上使用负 margin-right
以防止将文本推向左侧,但是您需要弄乱它的 z-index
并且其余内容,这意味着用于样式目的的额外 HTML 标记;见this Fiddle .
关于html - 在 <div> 内叠加图像导致文本向下移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12518061/