多文本/链接两个div

Question

我正在尝试创建一个多文本文本。我有一个长文本和一个要插入的图像。图像位于左侧，文本位于图像周围。我正在使用两个div。一个在图像旁边，另一个在图像旁边。

像这样的东西

#img{ height: 200px; width: 20%;}
#div1{ height: 200px; width: 80%;}
#div2{ height: 400px; width: 100%;}

我希望文本从div开始，并继续div2。有什么想法吗？

Answer 1

对于当前的CSS来说，这基本上是不可能的。

CSS Regions建议（作为CSS Level 4的一部分）文本在不同元素之间流动的能力。

目前支持（CanIUse.com）用于所有意图和目的，不存在。

如果这是绝对要求，则需要使用Javascript来解决此问题。

Answer 2

我不清楚你想要什么，但试试这个，

#img{
  height: 200px; 
  width: 20%;
  float: left;
  display: inline;
}
#div1{ 
  height: 200px; 
  width: 79%;
}

Answer 3

我找到了一个解决方案......它不是我问题的解决方案，但它可以满足我的需求。

CSS

#siteawa{
height: auto;
width: 100%;
float: left;
margin-bottom: 100px;
}

#siteawa img{
height: auto;
width: 25%;
float: left;
margin-right: 2%;
margin-bottom: 20px;
}

HTML

<div id="siteawa">
    <img src="images/logoawa.png" alt="awa"/>
    <p class="teli">blalbablba long text</p>    
</div>

它们都在同一个div上，但文字在图像后继续100％宽度...