html - 内部 div 的子级水平扩展

标签 html css

检查 this fiddle

我希望内部蓝色 div 水平并排放置,而不是网格化。我试过使用 white-space:nowrap 但它不起作用,因为这些是 block 元素。

如果我为 #subcontainer 层设置固定宽度,它会工作,但我不知道该层的宽度,因为它是使用服务器数据动态呈现的。

我不能使用 display: inline-block 因为层需要在一起,它们之间没有间隙。

最佳答案

您可以在#subcontainer 上添加较大的百分比宽度

http://jsfiddle.net/YFx65/5/

关于html - 内部 div 的子级水平扩展,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11519597/

相关文章:

python - Jinja 忽略 HTML 注释

css - 使用 CSS 管理文本溢出

javascript - 删除幻灯片之间的空白

css - 需要 3 列 WordPress 布局帮助

html - 浏览器无法再看到保存的 CSS

html - 在 Internet Explorer 中调整字体大小

html - 使用 pandoc 从第一个标题设置 html 标题

html - 响应式网站无法在移动设备上运行

css - 如何仅使用 css 自定义 html5 输入范围 slider 垂直?

html - 计算图像的纵横比以获得与 flexbox 相同的高度