我目前正在尝试制作一个从折叠 - >可见动画的网格，以通知用户保存已完成。在 Blend 4 中，我打开了项目并为 SaveNotifier 创建了一个用户控件，因此我可以在该项目的其他区域和其他区域中使用它。我创建了要折叠的默认值，还创建了另一个名为“Complete”的状态，它的可见性设置为 Visible，并且有一个 3 秒的时间触发器将其发送回默认状态。过渡设置为超过 1 秒的过渡，并使用流体布局显示状态之间的动画，但它不显示状态之间的动画。相反，它只是显示它好像没有流体布局或过渡时间。

如果有人愿意让我知道尝试这样做是否有问题，甚至告诉我如何做到这一点，那就太好了

我一直在研究在具有流畅布局的网页中使用 coda-slider。挑战在于 coda-slider 似乎需要固定宽度。尝试使用百分比会导致副本消失在面板边缘后面。

我找到了一个示例 javascript，它被编写为根据容器的实际宽度选择 jpg 并尝试修改它以更改滑块面板的 css 宽度值，但没有成功。.... 好的，我现在可以使用宽度了。

控制面板宽度的 coda-slider css 部分：

我找到并修改的脚本：

我通过使用容器大小而不是页面大小解决了大小问题......但是...... coda-slider 使用原始固定宽度作为滑动距离，所以一旦你开始滑动每个面板最终都会偏移，每张幻灯片都会增加。

关于让滑动距离随宽度变化的任何建议？

好的，让它排序....

不得不修改 coda-slider js 文件，替换：

使用相同的 css 面板宽度公式：

这照顾了滑动距离。

现在我只需要弄清楚如何在调整浏览器窗口大小时让 coda-slider 重置。它调整 css 窗口的大小，但不会重置幻灯片值。从长远来看，调整浏览器窗口的大小并不是什么大要求，但是当人们在查看网站时改变平板电脑的方向时，它会派上用场。

所以我有一个重新设计网站的布局，我一直在尝试弄清楚如何让左侧的图像与右侧的文本基线对齐。左侧的图像实际上是文本，因此需要与基线对齐，但节俭地用作标题，而不是作为@font-face 集成。即使我要使用@font-face，是否有任何建议如何让它们在 div 中对齐？非常感谢你的帮助！你可以在这里找到图片：http: //personal.justgooddesign.net/stuff/Home.jpg

在此主页示例中，我希望“关于我”与“我的名字是贾斯汀”的基线对齐。和“我的工作”以与“FALL BLOSSOM”保持一致，并且能够在其他页面上执行此操作，等等。

我正在尝试使用 css 构建布局，其中所有尺寸都在 em 中指定。我的印象是，这将允许页面以不同的字体大小/缩放级别以相同的方式显示。但是，我注意到随着大小/缩放的变化，文本的换行方式有所不同。

例如，在这个 jsfiddle中，文本以我的原生缩放和 1em 字体大小显示在一行上，但以 2em 字体大小换行。由于容器的宽度以 em 为单位，因此我希望它能够一致地换行/不换行，因此应该与字体大小成比例地增加。

我做错了什么，还是我只是误解了 em 测量的用途？

好人——需要一点帮助。我正在制作一个响应式的网站，即。它将随着 CSS 媒体查询而缩小。我的问题是我有两个相邻的 div，在移动版本中，我想要蓝色之上的红色： http: //barebente.com/test/responsive/

将浏览器窗口的大小调整到大约 400 以了解我的意思。出于某种原因，我无法让它们以另一种方式堆叠。这会给我主菜单下的内容，以及下面的二级菜单（侧边栏）。建议和帮助将不胜感激。

这个简单的 HTML5 布局旨在在左侧有一个导航栏，正文文本浮动在它旁边（使用百分比而不是像素来实现流畅的响应式设计 - 计算在 CSS 中的注释中。）

http://www.wturrell.co.uk/stackoverflow/20110615-01.html

'page' div 内元素的宽度加起来正好是 100%。我想为某些元素添加填充，在这种情况下是导航。如果我删除所有填充，它们会正确浮动，但超过 1 或 2 个像素的填充（无论它指定的单位是什么）并且它会中断。我不明白为什么这会破坏布局，因为它是填充，所以肯定不应该改变块的整体大小？

我错过了什么？

更新 - 解决方案： http ://www.wturrell.co.uk/stackoverflow/20110615-02.html

（元素显示宽度 = 宽度加边框加内边距。导航应标称总共 200 像素，右侧 20px 内边距，因此对于流畅设计，宽度 = 180/900*100 或 20%，内边距 = 20/900*100 或 2.222 % 和正文保持 700/900*100 或 77.777%。）

我正在尝试构建一个在相当高的分辨率下效果最好的网站，但当分辨率变低时，它也会尽可能向左滑动。

我什至不确定要在这里复制什么代码，所以链接是：

项目.thomasrandolph.info

我需要的是左侧#page停止在右侧#logo加几个像素处向左滑动。它13.25em来自页面的左侧。

我将左边距设置#page为13.25em，看起来是正确的，但是在更高的分辨率下，页面看起来很奇怪，因为它没有居中。我想保持居中，但也想阻止它在某个点滑动。

所以我希望左边不要比这更左：

如果我可以在我在这里提到的两个元素上使用纯 CSS 来做到这一点，我会非常喜欢，但我可以根据需要添加 HTML。

很长一段时间以来，我一直在为如何提出这个问题而苦苦挣扎，所以请向我提问，或者编辑这个问题以提高问题的清晰度。

更新：

以下是它目前在两种分辨率下的图像：

1920

1280

这是它应该如何看待以下分辨率的图像1540：

任何高于 ~ 的分辨率1540都会像现在一样平滑地向右滑动。

假设我有一个容器 div，其中是类“图标”的 div 容器

例如

图标的宽度为 100%，位于流体宽度容器中。'icon' 容器具有 100px 的固定值（出于示例目的，尽管它可能是其他东西）。

给定一个代表 div.icon 元素的元素，在考虑浏览器或容器大小调整时，我们如何确定该元素当前在哪一行中的位置？第一行的第一项？第五行第二项？？

我正在为正在发行的电影设计一个网站，但在让它适应所有浏览器窗口大小和屏幕大小时遇到​​了一些问题。本质上，例如启动页面的标记，在页面顶部有电影徽标，在其下方有一个视频（电影预告片），然后是一个将用户带到主页的输入按钮。所有这些都应该以所有浏览器窗口大小为中心。但是，当我尝试不同的尺寸等时，内容不会保持居中，并且视频会从背景图像中移开。我将如何用 CSS 解决这个问题？

还有一些其他页面，即概要、视频，然后是一个捐赠给该项目的页面。我希望这些以相同的方式工作，保持内容在所有尺寸上都能正常工作。谢谢！

如果你想看看这个并明白我的意思，链接是http://rescuedthemovie.com/new/home。这是开发页面，基本上没有最终设计，所以有点乱，但你可以看到我在说什么。

杰温顿

我有一个与CSS Auto Margin 向下推其他元素类似的问题：右侧浮动侧边栏被推到主要非浮动内容 div 下方。建议的答案有效：只需颠倒标记的顺序并在非浮动 div之前写出浮动 div。

例如，这个：

需要笨拙地重新排序为：

那么，为什么这在不重新排序的情况下也可以工作：使用基于网格的设计具有最大宽度和最小宽度的弹性布局？查看现场演示。标记的顺序仍然是明智的：浮动 div 写在非浮动 div 之后。然而浮动并没有被推到页面上。

我问是因为我不想为了正确设置样式而不得不破解主题 PHP（重新排序 div）。

其他帖子也说解决方案是“重新排序你的 div”：

• 2列div布局：固定宽度的右列，左流体
• 半流体布局 CSS/Html