问题标签 [fluid-layout]

我正在尝试使用http://www.tinyfluidgrid.com/创建一个流畅的布局

我想在正文 (grid_16) 内创建一个 2 列布局 (grid_12) 但左栏 (grid_4) 和右栏没有包裹整个身体所以我该怎么办：

在CSS下面：

我正在使用http://960.gs网格系统/框架

我正在尝试制作一个灵活的布局，让我能够覆盖访问者浏览器客户区域的宽度和高度，特别是在“高度”中……看下图

因此，网格布局应该涵盖所有内容，并且不应该有任何滚动条。如果用户调整大小，网格应该适应，直到达到最小宽度高度

感谢您可以给我的任何提示/技巧

好的，我基本上是在构建一个流畅的布局。我的 HTML 是这样的：

这是CSS：

我需要知道的是如何在#center重新调整大小时#container重新调整大小而不使元素在彼此下方移动。

我有一个 ListView 设置为 Tileview。ListView 宽度为 300，平铺宽度也是如此。

当瓷砖的数量没有溢出导致滚动条时，这可以正常工作。

但是，当它确实溢出时，当出现垂直滚动条时，也会出现水平滚动条，因为垂直滚动条会降低图块的列​​表视图宽度。有没有办法让瓷砖自动调整大小以填充列表视图？

查看示例图片：

目前发生的情况：

我想要发生的事情：

我尝试将宽度设置为 100%，但这不起作用。有任何想法吗？

我一直在完善过去一两天建立的页面，但在使用 box-shadow 后遇到了问题——我希望有人能提供一些简单的方法来解决这个问题。

设置： 我有一个 div，它有一些属性，包括宽度、最大宽度和框阴影。

问题： “box-shadow”属性将 div 元素的宽度增加了 40px - 每边 20px。当屏幕足够小以至于内容应该达到 100% 宽度属性时，我们会看到一个水平滚动条。在深入研究 CSS 之后，我发现这是因为 div 在技术上更像是 width: 100% + 40px;

我试过的： 我考虑过在父 div 上设置溢出：隐藏，但我确实有一个最小宽度设置，这会使内容无法访问。我还尝试在 box-shadow CSS 中为 size 参数使用百分比 - 例如 1% - 然后将 div 的宽度设置为 98% - 但 box-shadow CSS 似乎不接受它的百分比尺寸。我也考虑过使用 javascript 来测试浏览器宽度，然后相应地显示或隐藏 box-shadow 元素，但这似乎不是最佳解决方案。

必须有一种更简单的方法来处理这个问题。想法？

到目前为止，我一直在使用具有固定排列的布局模式，针对 1024 像素宽度的显示器。我认为它固定在 980 像素左右，左右两侧有一些额外的空间。最近我在考虑非固定解决方案，我可以将框架加宽到显示器的宽度。但是也有一些非常高的显示器分辨率，会导致页面看起来太宽太难看。所以最好设置一个最大宽度，也可以设置最小宽度。

首先，当你不使用固定布局时它叫什么？有这个名字吗？

在选择这种风格时，我有什么缺点需要考虑吗？

我想将这种风格应用到一个门户网站，我使用 3 列设计，每列内有许多框。

以下是一些著名的“流体”设计示例：
http ://addons.mozilla.org/
http://en.wikipedia.org/

所以我遇到了这个问题，溢出：隐藏在容器中的 div 上会限制 div 的宽度，当它应该是流体时。所以基本上我有一个类似于这样的结构：

在这种情况下，leftColumn div 的宽度是固定的，而 rightColumn 应该是流动的并填充剩余的宽度。问题是当我添加溢出：隐藏到 rightColumn（它有背景颜色）时，宽度会缩小到我给它的最小宽度。有没有办法让它扩展到剩余的宽度空间？这是我目前对 CSS 的看法：

想法？

我当然不想添加到一堆垂直对齐 CSS 问题中，但我花了几个小时试图找到一个无济于事的解决方案。情况如下：

我正在构建一个幻灯片图片库。我希望图像显示的大小与用户窗口允许的一样大。所以我有这个外部占位符：

（是的，我使用的是 HTML5 元素）。它具有以下 CSS：

接下来，将图像放置在其中。根据图像的方向，我将宽度或高度设置为 75%，并将另一个轴设置为自动：

所以，我们有一个流体外部容器，内部有一个流体图像。图像的水平居中工作，但我似乎无法找到将图像垂直居中于其容器内的方法。我研究过居中方法，但大多数都假设容器或图像具有已知的宽度或高度。然后是 display:table-cell 方法，它似乎对我也不起作用。

我被困住了。我正在寻找 CSS 解决方案，但也对 js 解决方案持开放态度。

你们中有人知道具有流体宽度的 jQuery 图像轮播吗？

我发现了这个：http ://www.nikolakis.net/liquidcarousel/ ...但是当你降低速度时它看起来很糟糕。

此外，我希望它在鼠标向一个方向移动时被激活，滑块应该向另一个方向移动。顺便问一下，这叫什么？

先感谢您。

我正在尝试为应用程序制作流畅的布局，并且在使用 css 获取高度百分比时遇到了一些问题。当我希望它从窗口的垂直大小获取这个百分比时，它使用窗口的水平大小来指定高度 %。这是可能的还是我不走运？

x 和 y 是我希望元素的百分比。两者都由窗口的水平大小决定，我希望每个都使用它各自的轴。