Question

定位时，我需要强制左div的内容在右周围流动。

.class1 {
  background-color: #678e6f;
  width: 80%;
  float: left;
}

.class2 {
  background-color: #00ff34;
  width: 300px;
  float: right;
}

<div class="class">
  <div class="class1">
    <img/><img/><img/>
  </div>
  <div class="class2">
    <li>text</li>
  </div>
</div>

但是当div冲突时完全正确地容忍了

我需要这样的东西才能转移所有元素。 http://htmlbook.ru/example/

有可能做这样的事情吗？

Answer 1

您的示例有很多问题，但是如果您希望文本在右侧的图像（或任何div）周围流动，则看起来或多或少是这样的：

.classContainer {
   background-color: #678e6f;
}

.classFloat {
   background-color: #00ff34;
   width: 300px;
   float: right;
   margins: 10px; /* you probably want margins! */
}

然后是HTML：

<div class="classContainer">
  <div class="classFloat">
    <img /> <!-- here is an image the text would flow around. -->
  </div>
  <p>Here is the material that will flow around the floating div.</p>
</div>

当然，文本和图像无关紧要；或者它们都可以是文本，也可以都是图像。内容无关紧要。但是文字周围流淌的图像将是不寻常的！

如何使左div的内容爆炸右div？

1 个答案: