HTML - CSS - 布局

Question

我这里有一个页面:http://www.balibar.co/?dating=does-friends-with-benefits-work

在左侧较大的第一个 DIV 中，您可以看到带有 Logo 和文本以及黑色背景的图像。

接下来(有一些不透明度)是带有文字的白色背景(friend with benift 等)... 我想要的这个顶级零件网站..

黑色 Logo /文本部分结束后，我希望文本流动以填充下面的整个白色部分。目前它保存在同一个 DIV 中，不会流向左侧。

 div#wrapperArticle {
    padding: 10px;
     width: 364px;
 }

如果我删除 width: 364px 它确实会流过但然后覆盖我想保持原样的黑色/ Logo /文本部分 - 可见。

有没有办法让黑色/ Logo /文本部分可见，文本以不透明方式覆盖图像的其余部分，然后文本流入并填充下方区域？

我尝试了很多想法，但我无法让这个组合坚持下去......

谢谢 亚当

Answer 1

在同一个 <div> 中合并左列和中间列然后制作图像 float: left;上面有填充物。