html - float div的宽度

标签 html css

我有两个 float div。
我希望第一个 div 的宽度为 100px,而另一个 div 的宽度为其余部分。像这样的东西:

<div style="float:right;width:100px;height:100px;background:black;"></div>
<div style="float:left;width:100%;height:100px;background:yellow;"></div>

这里是 jsfiddle .

有一个规则:我不知道页面的宽度!

最佳答案

如果您将 float:left;width:100%; 从第二个 div 中去掉,它应该可以按您希望的方式工作。当一个 block 向右浮动时,非 float 对象会围绕它流动。由于您已将两个 block 的 高度 设置为相同,因此它们会很好地对齐。

我已经更新了你的 jsfiddle展示这是如何工作的。

关于html - float div的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8729579/

相关文章:

html - 样式化按钮导航

javascript - 使用javascript计算圆的半径

html - 如何为单个边框设置多种颜色

css - IE 中 div 中的背景图像和背景颜色

html - 如果我要在 web 应用程序中使用更多的 SVG 图标,我不能直接为每个图标使用下面提到的代码

css - 在 Firefox 中逐一排列输入元素

html - 如何只缩放外部 div 而不是内部 div

html - 记住电子邮件和密码

html - 如何在 Bootstrap 导航栏中动态设置事件类?

html - 表格不占用容器 CSS 的宽度