7
我希望有人能帮助我。如何将文本围绕堆叠元素(即具有负边距的元素)进行环绕?
我想环绕多个文本堆叠浮动元素,但是当我加入阴性切缘的第二个元素中的文本不打球(见下文)...
有没有人有一个解决方案这可以帮助我呢?
在此先感谢!
我所做至今这里:
<style>
.elements {
float:left;
padding:10px;
width:50%;
background:#039;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
padding:50px;
box-sizing:border-box;
margin-right: 20px;
position: relative;
}
#element-two {
margin-top:-50px;
background:#900;
margin-left:30px;
}
</style>
<div id="post">
<div id="element-one" class="elements">Element 1</div>
<div id="element-two" class="elements">Element 2</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id dictum odio. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus vitae leo dictum, <br>
<br>
<br>
porttitor augue ut, accumsan nunc. Phasellus at malesuada orci, quis varius nulla. Nullam dui purus, elementum non fermentum eu,
laoreet ac massa. Maecenas dictum elit sit amet mi pretium tincidunt. Maecenas interdum elementum lectus, eu aliquam nibh lacinia nec.
<br><br><br>
Quisque facilisis accumsan blandit. Mauris eget pulvinar lacus. Donec pretium posuere mattis. Suspendisse et tempor orci, sit amet placerat neque. Etiam laoreet massa eu libero posuere, sit amet laoreet metus auctor.
</div>
你使用什么浏览器?你的代码适用于jsfiddle - https://jsfiddle.net/0zf7rxpn/ – messerbill
Chrome,尽管我在其他地方也遇到同样的问题,我应用了“margin-top:-50px”,它将文本切入右边手边 – scottvw