问题标签 [fluid]

我有一个流畅的布局，并且我有一个始终与浏览器窗口的高度和宽度相匹配的 div，即使在调整浏览器大小时也是如此。所以一个 div 是浏览器窗口的 100% 高度和 100% 宽度。

在这个 div 中，我有一个适合其父母宽度和高度 100% 的图像。所以理论上这个图像将是全屏的。目前，当您将浏览器窗口放大时，图像大小会超过其父级的大小，并且图像的右侧和底部会被截断。

放大浏览器窗口时，如何将图像的所有边缘截断？所以我想我想将图像垂直居中于其父级中。

所有图像/div 的宽度都是使用百分比计算的。

这是我现有代码的链接：http: //jsfiddle.net/PfzQ8/4/

编辑：那个 jsfiddle 不是问题代码，它只是我目前拥有的代码，并希望对其进行扩展。

我的网站是响应式的。除了投资组合部分中的图像外，它的效果很好。当页面首次加载时，它们会按原样显示，当您缩小浏览器窗口时，一切都会正常运行。但是，当您将浏览器加宽到原始宽度时（假设您从具有“正常”浏览器窗口宽度的桌面开始），图像的大小不会与其父容器的宽度相关。

网址： http ://designintellection.com/portfolio/

这是相关的 CSS： http: //pastebin.com/7YvQD4Hp

这只发生在 Safari 和 Chrome 上。在 Firefox 和 Opera 上运行良好。

有任何想法吗？

我正在尝试将模型变成带有 css 的页面，但我不确定是否由于缺乏经验而遗漏了一些技巧。下图就是我想要的。我希望 char 菜单占据固定宽度，但我希望编辑菜单随着浏览器窗口大小的调整而拉伸。

我似乎无法使用百分比来调整流体部分的大小，因为它要么会在聊天框下方溢出，要么会在其之间留出空白。

任何帮助将不胜感激！

我正在查看 Skeleton 框架 (getskeleton.com)，但我想要一个流体网格系统。我也对这些网格的内部运作感兴趣，所以我决定自己动手。

但是，我遇到了two.columns百分比问题。所有其他列宽都可以正常工作。首先，这是发生了什么：

第二排明显有问题，我实在想不通是什么问题。

我的这个布局的代码如下：

这是我使用的 mixins/functions，不确定这是否重要：

HTML文件中的代码只是：

我想如果百分比的计算有问题，所有行都会以一种或另一种方式搞砸。但是，这只是第二个..如果有人看到这里发生了什么，请赐教？

我将处理后的 CSS 放在 pastebin 上：http: //pastebin.com/bxq1a5Ge

提前致谢。

我正在使用 js 代码 window.print() 来执行打印功能。但这在 MAC OS 的 Fluid 浏览器中不起作用。它适用于所有其他浏览器。请给我一个解决方案。

谢谢

嗨，我尝试在表单验证后收到很好的错误消息。我使用extbase和Fluid生成一个简单的实体，其中包含一个名称和一个需要输入字符串的电子邮件字段。我没有改变任何东西。我只是使用扩展生成器生成的代码。

如果我将字段留空，我会收到以下验证错误通知：

后两行还可以，但我无法摆脱第一行中的技术通知，这绝对不是我想向用户展示的内容。

谢谢您的帮助！

附录：刚刚发现，这是一个“闪信”。但我不想删除来自模板，因为它也可以作为用户的积极反馈源提供信息，例如“地址已成功存储”。

附录：生成并使用代码进行测试：

新建.html 模板

AdressController.php控制器：

Adresse.php模型：

通过使用 wp_nav_menu，Wordpress 创建了一个易于维护的漂亮导航。目前导航有一个子菜单和一个子子菜单。当您将鼠标悬停在链接 2 上时，将打开一个大子菜单，其中包含 5 个子菜单及其下方的子子菜单（这样您就可以看到菜单下的内容）。

带有原始菜单的 JSFiddle 示例 http://jsfiddle.net/tSLqV/1/

通常 .sub-menu 将是 postion:absolute 因为它必须挂在某些元素上。但由于某种原因，jsfiddle 没有以这种方式正确显示 .sub.menu。所以在这个例子中它现在是位置：相对。

=====

JSFiddle 示例，我让它为一部分工作 http://jsfiddle.net/HYBA7/5/

=====

有什么问题？好吧，我可以显示子菜单，包括子子菜单，但我希望它是流畅的。如果一个子子菜单不适合，它将落在另一个子子菜单下，并带有 float:left; 然后子菜单将调整高度。

通常我会这样做： max-width: 940px; 宽度：100%；

问题是这个 ul 是嵌套的。当我使用 100% 时，由于 li 父级，它会以 25% 显示所有元素。不知道为什么它与第二个 JSFiddle 一起工作......

然后我想给 ul 一个 400% 的宽度（4 x 25% 等于 100%）但这也不起作用。

=====

在这个 ul li ul li ul li mess 度过了 2 天后，我正在寻找一种不同的方法。如果我能摆脱所有这些 ul li 怎么办？并有一个 div 代替（不确定这是否是一个好方法）。然后div不会有父宽度的问题吗？查看 Wordpress Codex，我发现可以删除第一个 ul 并更改一些类，但仅此而已。

我不确定第 4.7 部分是否通过向菜单项添加条件类，因为它仍然具有 ul li 并且宽度将取决于父 ul li 具有的内容。

我已经阅读了有关 Walkers 的信息，但我没有设法让 ul.sub-menu 在 div 元素中进行转换。

=====

我知道可以使用子子菜单加载一个额外的菜单，其中只有这 5 个子菜单，并让它与 jQuery 一起滑入，但我喜欢在没有 javascript 帮助的情况下使用它，并且只使用 css。

有人可以帮我解决这个问题吗？

该网站如下：http ://Smokingdesigners.com

我的页面的砌体视图有问题。

我最近将我的主题更改为一个新主题，而我的旧主题过去常常在每篇文章上自动添加“更多”标签，以便裁剪我的文章以适合他们的砖石结构，所以我从未真正添加过“更多”标签1200 多篇文章。

我的新主题是将文章裁剪得很奇怪，这会导致我的页面混乱，因为一个盒子的高度可以说是 600（包括图片），另一个是 450，看起来不太好。（有问题的链接http://Smokingdesigners.com/page/10/）

有没有办法制作一个高度为 575 的固定大小的盒子？

这是我的砌体主题代码..

这是 FUNCTIONS.PHP 文件。

---最后是砌体流体主题文件---

我正在尝试实现水平渐变拉伸浏览器整个宽度的效果。目前，我的想法是有三个部分，一个在左边，它的背景颜色用 CSS 设置为第一种颜色。接下来是实际的渐变，这是一个使用 CSS 设置为背景的图像。这将是 1000 像素宽并充当内容区域，并以 magin:auto 位于页面中心。然后在右边是第三段，它与第一段基本相同，只是以第二种颜色作为背景。这样，左右部分会拉伸，而中间部分（实际上包含渐变）将保持不变。

这个理论在这里被形象地描述了。

我的问题是关于两个方面的。如前所述，中心图像是固定的 1000px，但我怎样才能让左右区域具有流体宽度（固定高度），但只有这样左边是从浏览器左侧到中心 div，并且从div的右侧到浏览器的右侧？

我希望我已经足够清楚地解释了这个问题，如果没有请说，我会尝试提供更多信息。

干杯

我想要的是：

我得到什么：

注意： div_3 和 div_4 位于单独的分组包装器中，因为它们下方和上方的其他内容

我的问题是 div_3 最终错开在 div_4 之下，因为（至少我相信）div_4 的左边距。

此外，因为 div_3 和 div_4 在包装器中，所以我不能使用用于 div_1 的负边距左技巧。