Html float=left的div的行为，当它们在div容器中时需要接收相同的行为

记住： 想象一下这些元素在屏幕上的行为：

带有样式

float:left；高度：100px；宽度：100px

当屏幕上超过100时。当您将窗口调整为低宽度时：divs将被按下

示例

我需要什么： 我需要子div像链接的示例一样工作，问题是它们位于固定宽度的容器中。例如，

如何获得这种行为？

对不起，我的英语很难用非母语书写。

<div style="float:left;width:500px"></div><div style="float:left;width:500px"></div>

将成为

 <div style="float:left;width:500px"></div>
 <div style="float:left;width:500px"></div>  ( like text wraps)

（如文本换行）

。。。当窗口大小不够宽，无法容纳它们时

要防止出现这种情况，请添加一个宽度为

 <div style="width:1000px">
  <div style="float:left;width:500px"></div><div style="float:left;width:500px"></div>
 </div>

• 仅使用内联样式以便于演示

更新为注释：对于非固定宽度，相同，但使用百分比

  <div style="width:100%">
  <div style="float:left;width:50%"></div><div style="float:left;width:50%"></div>
 </div>

将成为

 <div style="float:left;width:500px"></div>
 <div style="float:left;width:500px"></div>  ( like text wraps)

（如文本换行）

。。。当窗口大小不够宽，无法容纳它们时

要防止出现这种情况，请添加一个宽度为

 <div style="width:1000px">
  <div style="float:left;width:500px"></div><div style="float:left;width:500px"></div>
 </div>

• 仅使用内联样式以便于演示

更新为注释：对于非固定宽度，相同，但使用百分比

  <div style="width:100%">
  <div style="float:left;width:50%"></div><div style="float:left;width:50%"></div>
 </div>

---

您需要两个容器。一个容器用于最大宽度，另一个用于容纳箱子

CSS:

HTML:

拉拉拉拉。

您需要两个容器。一个容器用于最大宽度，另一个用于容纳箱子

CSS:

HTML:

拉拉拉拉。

什么？你能加张图片吗？我读了三遍，仍然不知道你的意思。对不起，这没有任何意义

wight

不是一个真正的词。我假设

weight

和

wight

应该是“width”，但它仍然没有任何意义。对不起，这是我的英语：（我添加了一个没有固定宽度的父div的行为示例。！！！width！！ohhhI为您更新了问题，据我所知，除非您有一个100%重写了问题的包装div。现在似乎很容易理解。感谢某人（不记得名字）这给了我一个正确的短语来描述行为：

被压下

什么？你能添加一张图片吗？我读了3遍，仍然不知道你的意思对不起，但这没有任何意义。

怀特

不是一个真正的词。我假设

重量

和

怀特

应该是“宽度”，但它仍然没有抱歉，这是我的英语：（我添加了一个没有固定宽度的父div的行为示例。！！！宽度！！ohhhI为您更新了问题，据我所知，除非您有一个100%重写了问题的包装div。现在似乎很容易理解。感谢某人（不记得名字）这给了我一个正确的短语来描述行为：

被下推

+1；我相信固定宽度的容器是OP所追求的。但是请使用类或其他语义方式来应用样式！另外：clearfix对父容器很重要！嗨，Ov，我的评论解释了我只是为了演示而使用内联样式。我觉得，clearfix可能会混淆答案。fwiw-我不喜欢使用clearfix类，而是在任何浮动之后添加一个带有clear:Twore的div。到底是什么让人觉得嘿，干杯，rob+1；我相信固定宽度容器就是OP想要的。但是请使用类或其他语义方式应用样式！另外：clearfix很重要对于父容器！嗨，Ov，我的评论解释说我只是为了演示而使用内联样式。我觉得clearfix会混淆答案。fwiw-我更喜欢不使用clearfix类，而是在任何浮动之后添加一个带有clear:两者的div。到底是什么把钉子钉在了嘿，干杯，robnice，有人写道这是不可能的，但是这似乎正是我想要的。不错，有人写道这是不可能的，但这似乎正是我想要的。