我阅读了以前的帖子并从绝对位置更改了我的 CSS 以使文本环绕。
我希望这个 div 位于右下角,并且文本可以在它周围移动。
但是,目前文本正在迫使 div 向下。
任何人都知道如何解决这个问题?
html:
<div id="top-image">
image
</div>
<p>dummy text dummy text dummy text dummy text dummy text dummy text
dummy text dummy text dummy text dummy text dummy text dummy text dummy text
dummy text dummy text dummy text dummy text dummy text dummy text dummy text
dummy text dummy text dummy text dummy text dummy text dummy text dummy text
dummy text <br><br>
dummy text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy text dummy
text dummy text dummy text dummy text dummy text dummy text dummy text dummy
text<p>
<div id="bottom-image">
image
</div>
CSS:
#bottom{
float:left;
height:215px;
width:100%;
margin-top:10px;
margin-bottom:10px;
}
#top-image{
background-color:#999;
float:left;
width:140px;
height:110px;
margin-right:10px;
margin-bottom:10px;
}
#bottom-image{
background-color:#999;
float:right;
width:140px;
height:110px;
margin-left:10px;
}
这是它目前的样子:
如您所见,文本将底部图像向下推到页脚中。