Here是照片
这是我为一个非营利组织主持的一个网站的照片。
图片位于具有以下属性的div中:
position:absolute;right:50px;top:50px;
我想做的是使文本更可见,因为在不同的分辨率下,图片将位于不同的位置,所以我可以:
-使文本在图片上可见
-或者使文本避免div(如果可能的话)
你们有什么想法吗?谢谢:)

最佳答案

首先,文本不可能在绝对定位的div周围流动,因为它脱离了正常的流动;请参见http://www.w3.org/TR/CSS2/visuren.html#choose-position
您可以使用以下属性:

float: right; margin-right: 50px;

然后把它放在合适的地方,得到我,这应该实现你正在努力做的事情。
如果将其作为中的第一个元素,还可以添加,
margin-top: 50px;

希望能有所帮助。

关于html - 使文本避免div,布局问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/3278678/

10-17 02:28