问题标签 [two-column-layout]

当用户开始滚动时，请帮助我将右侧边栏设为静态。我是响应式网页设计的新手。我尝试使用“位置：固定”属性，但我不知道它在响应式设计中的可行性。请帮我。这是链接http://the-bootstrap.obenland.it/page-with-comments/

我有 2 列布局，出于 SEO 原因，我希望 #navigation div 位于 HTML 中的主要 #content div 下方。

问题是 - 在某些页面上我想隐藏#navigation，所以#content 必须拉伸到 100%，但事实并非如此。.

这是基本代码

页面类型 1：

页面类型 2：

CSS

如果你想玩它：

http://jsfiddle.net/fWrAu/3/

我用 JS 修复它，但没有 JS 的用户会在页面类型 2 上看到右边距。
基本上我试图找到另一个HTML/CSS 解决方案。因为我的只是不工作。
任何帮助，将不胜感激。谢谢！

我正在实现一个 2 列布局视图，如下所示：

然而，当我定义我的木偶复合视图时，似乎只允许使用一个 itemViewContainer。

我可以做这样的事情吗？

本质上，我想在我的列表模板中的“左”和“右”列中交替插入缪斯。这可以在复合视图中定义吗？

当一列碰巧比另一列最高时，我想要一个两列布局而不用担心背景。

我已经阅读了关于假列、液体布局的信息，但我想问一下它是否可以这样工作：我有一个“主”元素，背景是半透明图像（16x17 像素）。主要元素包含 2 个浮动列，左侧浮动左侧，右侧浮动右侧。

我的 HTML 有问题，我看不到在哪里。我离解决方案这么远吗？

我不能附上实际情况的截图，除非版主允许我...

任何帮助都非常感谢，我正处于陡峭学习曲线的开始！西尔维娅

我正在进行响应式 2 列布局。第一列是固定宽度，而第二列使用 csscalc属性从其 100% 宽度中减去某些像素。

我想要第二列做的是水平滚动，不管它的屏幕大小或宽度如何。我拼凑了一支快速笔来说明我正在尝试做的事情：http ://codepen.io/trevanhetzel/pen/nbdIt

如您所见，第二列.thing内部有多个 div，它们向左浮动并具有定义的宽度。我不希望这些.thingdiv 在第二列内的空间不足时下降到另一行。

如何做到这一点？我尝试弄乱该overflow属性，但我想我可能需要另一个具有一些不同定位属性或其他内容的容器 div。有什么建议吗？

小样

概述

都是带有滚动按钮​​的ImageView

要求

我想为图像显示实现 2 列修复布局。

并且通过按下Button，它将检测到该图像。

如果只有 1 个图像，那么它在布局中只显示一个图像。

如果有人知道解决方案，请分享。

提前谢谢你。

我理解并很好地遵循了使报告详细信息流过两列的说明，但我的问题是 Crystal 继续坚持只写一列。其中只有十行，我假设 Crystal 在第一列到达页面末尾时开始第二列。

当我的十行已在第一列中输出时，如何强制 Crystal 移动到第二列？

这样做的原因是细节行只占据页面的顶部，并在页面的下半部分为图表留出空间。

我有一个两列格式的文章布局，每篇文章都有自己的.box-wrap，用 CSS 浮动以堆叠在列中。

问题是下一个框正确地跳到列，但它创建了一个（有时很大的）边距，因此它的顶部与对面列中的上一个框的底部对齐。

我确实可以完美地处理实际上定义为不同div元素的两列，但这需要两个循环（我使用 Wordpress 进行 CMS），这意味着我不能（特别容易）有一个“无限滚动”在两者中工作列。

我没有小提琴，因为它工作得足够好，我可以让它活着，请参阅news.enigma-tech.co.uk。

有什么建议么？

提前致谢。

编辑：现在根据建议使用 Masonry。但它不起作用。它似乎减慢了网站的加载速度，但实际上并没有产生预期的影响..

我有一个两列布局。因为并非所有我们想要支持的浏览器都支持 flex 布局，所以我使用了display: table和display: table-cell.

我目前的问题是，如果我修改 的顶部填充#sidebar > div > div，MAIN内容会受到影响，但它不应该受到影响。所以有两个问题：

• 为什么会MAIN受到#sidebar > div > div顶部填充变化的影响？
• 我怎样才能做到不受影响？

HTML

CSS

jsFiddle — 只需修改那里的填充。

我有一个包含 2 列的 flexbox 容器。当没有空间显示它们时，我希望这些列堆叠。我使用以下 html/css

和

JS 小提琴在这里：http: //jsfiddle.net/AsdNS/

内部 div似乎隐含white-space: nowrap着，但我不想要这个。如果我确实想要它，我肯定会在我的 CSS 中指定它。有没有办法不换行空格，然后仅在没有空格的单个文本块太大时才换行？

在实践中，我想强制它包裹一些空白，而不是其他空白（我将使用<span>s）

编辑这是一个更真实的 jsfiddle：http: //jsfiddle.net/W7g3U/1/

我想要的是长 div 换行，但短 div 不换行。

编辑 2这是我想要实现的（在 chrome 中工作）http://plnkr.co/edit/Ppoe8xJrrbC16Y1vyWCD