问题标签 [liquid-layout]

我有这个相当简单的形式：

表单位于一个固定宽度的 div 内（以 ems 指定）。

我希望文本字段和按钮是单行，但是即使我指定了它的size属性，跨浏览器的文本字段宽度也是不一致的。不想指定确切的宽度（尤其是按钮）我想知道是否可以给文本字段一个液体宽度？我希望文本字段可以拉伸，以便它和按钮都可以放在一行上。

我正在尝试使用 CSS 显示以标题覆盖为中心的图像，以及当浏览器窗口太小（缩小以适应）时的液体功能。

我目前的最佳尝试看起来像以下 HTML（使用 Google 的徽标作为示例图片）

使用以下 CSS

但是，如果它在大型浏览器窗口中表现得像我希望的那样居中，那么它不会在小型浏览器窗口中缩小......而且我不需要 IE 支持，特定于 WebKit 的（iPhone/Android）就足够了，如果可能的话，我想避免使用 JavaScript。

JSFiddle 即玩版http://jsfiddle.net/kWH3C/1/

给定以下 HTML/CSS，实现随#content DIV 的内容增长的垂直“液体”DIV（#ribbon1 和#ribbon2）的最简单方法是什么？

我读过绝对定位的子 DIV 不允许它们的父 DIV 与它们一起增长，我想避免编写一些动态调整它们大小的 JS。任何帮助，将不胜感激！

WPF中的液体布局是否可行？在进行 Liquid 布局时我们需要解决的任何问题/问题？

Liquid 布局是否会调整文本字体大小并在大小时调整图像宽度？

因此，我正在使用的这个 Web 应用程序具有三个垂直列，扩展为整个窗口高度，以及一个div扩展为整个宽度的页脚。布局如下所示：

其中+表示液柱，|表示固定柱，以及-页脚。

我已经使用绝对和相对定位完成了元素定位，并使用 jQuery 进行了一些调整。但我想知道是否有办法只用 CSS3 做到这一点。

谢谢！

我正在尝试创建我的第一个 Jekyll 网站，但在设计 i18n 部分时遇到了问题。

不同的文章将针对每种语言完全重写，因此每一篇都是不同的帖子，这里没有问题。实际上，我的布局/包含中的文本有更多困难。

通常，对于菜单，我正在考虑按照以下方式做一些事情：

喜欢这里的建议。但这给了我以下错误：

在 _includes 目录中找不到包含的文件“menu_location”

是否可以为包含标签使用变量？您还有其他想法我该怎么做吗？

谢谢 ！

PS：即使我目前只有 3 种语言，我也不会使用 if / elseif / else 语法；）

看看这段代码

div 的高度设置为 100px，并且overflow: hidden隐藏了超过 100px 的内容。我想要做的是使<ul>元素流动，因此无论父 div 的高度如何，<h2>元素都保持在顶部，.controlpaneldiv 保持在底部并且<ul>元素调整大小以适应。我尝试使用百分比高度，但可以使它们准确。

问：

我有一个导航菜单，我注意到每次我更改浏览器缩放。它的位置改变了。如何使菜单固定在它的位置。

.css：

.aspx

我用这个菜单

您可以在http://www.taramenconi.byethost11.com/上查看我的网站。我为 1024 x 768 设计了它。我还注意到，在某些屏幕上，它看起来只是被拉伸了很多......我特意创建了背景来填充更大的浏览器，但我希望内容区域保持相同的大小。我该如何解决？

这是我的CSS：

在这个问题中，最受好评的答案是这样说的：

使用液体布局

为什么这被认为是一种好的做法？我的观点是，设计液体布局更加困难，因为它可以从一个窗口大小到另一个窗口大小变化很大......额外的复杂性值得吗？我应该考虑什么来做出选择？