css - 左边的 div 填充剩余的水平空间?

标签 css

我有两个div

#left,和#right

右侧的 div 具有固定宽度。

如何让左边的 div 占据所有剩余的水平空间?

最佳答案

#left 中 float #right div,并让 #left 不 float 。如果您希望 float #right 下方的空间为空,请向 #right 宽度的 #left 添加右填充。

可能还需要向 #right 元素添加负右边距,等于 left 的右填充,以将其拉到 的右边缘code>#left 也是。除了使用负边距,您还可以将 #left 设置为 position: relative 并将 position: absolute 添加到 #right #left 的左上角(也有 #left 的填充)。

关于css - 左边的 div 填充剩余的水平空间?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3564025/

相关文章:

javascript - HTML:如何在页面展开前后将按钮定位在页面底部

html - div定位||为什么margin : property doesn't work yet the left: works?

html - 聚焦时如何去除文本区域边框?

python - 难以在 Flask 的模板文件夹中将外部 CSS 和 bootstrap 文件包含在 HTML 中

javascript - 单击图像右上角的 "X"标记删除图像

CSS 规则优先级

html - Doxygen 是否支持背景图片?

javascript - 如何将一个类添加到已分配给它的类的现有 li 中?

html - 垂直对齐 float 和匿名框标签

javascript - 带有图像描述的模态图像