html - 包裹在容器中的流体 float 元件

标签 html css css-float

<分区>

我有以下测试代码可以使用:

http://jsfiddle.net/b6QFY/1/

我希望“左”元素固定,“右”元素在父容器中流动,这样它会随着浏览器宽度的变化而增长和收缩,而不是换行。看起来很简单,但在使某些东西起作用时遇到了问题。

最佳答案

This is what I meant to link to . (我该 sleep 了。)

它的核心:

容器元素上的 Padding-left,绝对定位左侧元素,左边距为负,右侧元素宽度为 100%。

据我所知,这应该适用于大多数浏览器,除了 IE6 和可能的 7。

关于html - 包裹在容器中的流体 float 元件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4493973/

相关文章:

html - 让 Bootstrap 行中的最后一列占据视口(viewport)宽度的其余部分

php - MySQL 将 HTML 表中的行插入到数据库表中

javascript - 从javascript click()动态设置 anchor 文本

html - 如何在此网站上对齐我的图像,以便它们响应设备尺寸?

html - Table Cell 内的 Liquid Pre

CSS图像自动调整大小不起作用

html - css 无需编辑周围的 HTML

javascript - 制作一个专注于 css 和有限 Javascript 的弹出图像

CSS:页脚撞到内容区域

html - 可以用 float :right 堆叠 2 个侧边栏