问题标签 [liquid-layout]

浏览此站点和其他站点，我还没有找到针对此特定问题的解决方案。在查看以下示例（也放在下面）之后，可以最好地描述我想要实现的目标：http: //jsfiddle.net/yev8/HRQB5/

当前情况：在这个例子中，我有一个左列（固定宽度）和一个右列（液体宽度）。在右栏中有四个条。与顶部对齐的两个条在每一页上都是相同的。与底部对齐的两个条在每一页上都是不同的，两者的每种组合都是可能的。现在在中间我有一个 div，“内容”，它填满了可用空间，如果需要，还有一个垂直滚动条。

我想要实现的目标：我希望将 div 的滚动条替换为垂直覆盖整个页面的滚动条，就像默认滚动条一样。滚动时，左侧菜单和所有栏不应该改变它们的位置。唯一滚动应该是中间的内容 div。

我不知道这是否可能，但在理想情况下，我只想用 css 解决这个问题。如果这是不可能的，javascript（有或没有 jQuery）都可以工作。

谁能给我任何建议或指出正确的方向？我似乎无法让它按我想要的方式工作。

我当前的html：

我当前的CSS：

我一直在尝试各种页面上的粘滞代码，最接近让我的页面看起来不错的代码是 cssstickyfooter。

几个月前我开始了一个项目，打算为邻居的女儿制作。我需要为我的大学课程中的一个模块创建一个网站，这个想法是由一家新企业所有者的父亲带给我的。所以我制作了这个网站并将其提交给我的讲师（很多视觉错误，也许还有很多无用的代码）。：爱尔兰小玩意网站

我目前遇到的主要问题是页脚被卡在页面的一半（例如，请参阅业务页面）。我对此相当不耐烦，并尝试使用 ryan fait 的代码布局，但效果不佳。

我现在已经推出了内容和屏幕底部的页脚。我的朋友还建议使用固定位置进行操作，但内容不会跟在页脚后面。

我还粘贴了来自业务页面、样板和流体布局的新代码页面。

如果我明确表示：都在#main css 规则下，它会将内容带回，但页脚仍然太高。

我只是以这个页面为例来开始，然后逐步完成其余的工作。

任何帮助都会很棒！谢谢！

我有一个页面，其中有 10 个 div 作为大按钮，显示在 2 行，每行 5 个，但我希望这样，如果页面调整大小或在屏幕较小的设备上打开，按钮的布局会自动更改但我不知道该怎么做。

我应该从哪里开始寻找，或者有人知道任何可以帮助我实现这一目标的好教程吗？

谢谢

我已经在一些网站上看到了一种效果，它们为您提供了基本上垂直的“页面”，每个页面都填满了浏览器窗口。例子：

http://www.bleed.no/

http://www.weworkonsunday.com/

第一个是更清洁和更复杂的交易。

我一直在想如何实现这种效果。如果高度不是问题，那么使用页面锚等就足够简单了，但是填充窗口的垂直方向（以及宽度）是让我失望的原因。

有没有我想念的简单方法？或者都是一些复杂的java tomfoolery？

非常感谢您的帮助

我有一个用 Jekyll 构建的网站，用于对我正在处理的 JavaScript 项目进行快速原型设计：Choropleth

现在我决定将mustache.js引入项目，显然我遇到了流动布局 {{}} 语法与 mustache 语法冲突的问题。

有谁知道我可以简单地使用 mustache 的Set Delimiter功能来更改 mustache 在我的项目中的工作方式？如何将写入语法放入由 Jekyll/Liquid 生成的 JS 中？

我正在为 Shopify 构建应用程序代理。

文档（http://api.shopify.com/app_proxy.html）说......

如果来自代理 URL 的 HTTP 响应在其标头中设置了 Content-Type: application/liquid，Shopify 将使用商店主题在商店上下文中评估和呈现请求正文中的任何 Liquid 代码。这太棒了。如果使用得当，它可以自动让您的应用看起来像是属于商店的一部分，而无需任何人工干预。Shopify 商家喜欢这种东西。

这是迄今为止我最好的尝试，默认模板（http://plnkr.co/edit/iXbWWiMlEsi6NsA6uPtG?p=preview.）看起来不错，但我认为它不适用于所有模板。

如何确保我的内容适用于所有模板？我需要在我的内容中添加某些课程吗？我应该遵循的约定？一个例子会很棒。

迈克尔

我正在尝试为我的网站制作流畅的布局，但问题是如果在页面加载之前将窗口的大小重新调整为小，然后他们最大化他们的窗口，那么页面是小尺寸的，我的问题是如何即使页面很小，我是否会以完整尺寸获得窗口的宽度和高度。

这给了我窗口的高度和宽度，即使窗口很小，我也想要最大化的大小。

我找不到任何有关如何为用户注册论坛添加自定义字段的文档，所以我尝试了一些方法但没有奏效：

我添加的字段是文本输入 - 宠物名称和 Cat/Dog 的单选框。我使用了一个测试帐户，但输出是没有保存任何内容。我已经使用 {{ customer.pet_name }} 尝试获取保存的值，但没有得到任何回报。有什么建议么？谢谢！

当达到最小边距时，如何防止内容跳到侧边栏下方？

http://jsfiddle.net/7SAHm/4/

尝试调整浏览器窗口的大小并查看内容跳下，而不是我希望它保持彼此相邻，即使 80%+50px > 包装宽度，它应该溢出而不是跳下。

提前致谢！

在我的一个页面上，我有一个响应式表格，当浏览器变小时它会改变布局。当我的表中的列有值时，一切正常，如this fiddle所示。

但是，当列没有值时，其中一些不会显示在表格布局的小版本中，如this fiddle所示。

我错过了什么？

我还从下面的非工作版本中复制了必要的代码：