Html 流体分流宽度

我尝试了

宽度：100%

到

.postbox

但是它占据了整个宽度

这将使div与容器的宽度相同

---

这将使div与容器的宽度相同

如果它不会弄乱布局，则可以浮动图像，但不能浮动div

.postbox { width:100% }

---

如果它没有打乱布局，可以浮动图像，但不能浮动div

.postbox { width:100% }

---

使用CSS

float

将元素从流中拉出。从某种意义上说，您的

img

和

div class=“postbox”

a不再包含在

div id=“post”

中，即使它仍然是DOM树中的父对象

您可以尝试将它们设置为

inline block

而不是使用

float

，或者将它们与一个内部div一起浮动，并具有一个

clear

，所有这些都包含在

id=“post”

---

更多细节在某种程度上取决于你在布局中尝试做什么的大局。

使用CSS

float

将元素从流中拉出。从某种意义上说，您的

img

和

div class=“postbox”

a不再包含在

div id=“post”

中，即使它仍然是DOM树中的父对象

您可以尝试将它们设置为

inline block

而不是使用

float

，或者将它们与一个内部div一起浮动，并具有一个

clear

，所有这些都包含在

id=“post”

---

更多的细节在某种程度上取决于你在布局中尝试做什么的大局。

对于这样的情况，我喜欢使用的

媒体

对象抽象。这是一份（供参考的）报告

HTML:

---

对于这样的情况，我喜欢使用的

媒体

对象抽象。这是一份（供参考的）报告

HTML:

---

不要把它漂到左边，这是怎么回事。您可以将

向右浮动？@JamWaffles仍然不占据图像的整个宽度，请不要向左浮动。您可以将

浮动到右侧？@JamWaffles仍然不占据图像的整个宽度是的，它延伸到父对象的宽度，使其不与图像内联。是的，之后看到了这一点。醉酒时不应该发帖。回答撤回。我认为你的问题是指将div扩展到相对于post div的最大值。如前所述，如果你从邮箱中移除浮动，其宽度将为100%，并围绕浮动图像流动。是的，它延伸到父对象的宽度，使其与图像不一致。是的，在之后看到了。醉酒时不应该发帖。回答撤回。我认为你的问题是指将div扩展到相对于post div的最大值。如前所述，如果你从邮箱中移除浮动，其宽度将为100%，并围绕浮动图像流动。好极了，谢谢！但是等等，它仍然占据了整个宽度，只有文本在调整。太好了，谢谢！但是等等，它仍然占据了整个宽度，只有文本在调整。

.postbox { width:100% }

#post{
width:569px;
overflow:hidden;
}
#post img{
float:left;
}

<div class="media">
  <a href="#" class="img"><img src="http://placehold.it/100" alt="" /></a>
  <div class="bd">lorem dolor...</div>
</div>

.media {margin:10px;}
.media, .bd {overflow:hidden; _overflow:visible; zoom:1;}
.media .img {float:left; margin-right: 10px;}
.media .img img {display:block;}
.media .imgExt {float:right; margin-left: 10px;}