问题标签 [css]

您可以在 HTML 中找到很多关于菜单栏的教程，但是对于这个特定的（尽管恕我直言是通用的）案例，我还没有找到任何体面的解决方案：

• 有不同数量的纯文本菜单项，页面布局流畅。
• 第一个菜单项应该左对齐，最后一个菜单项应该右对齐。
• 其余项目应以最佳方式分布在菜单栏上。
• 这个数字是变化的，所以没有机会预先计算出最佳宽度。

请注意，TABLE 在这里也不起作用：

• 如果将所有 TD 居中，则第一项和最后一项未正确对齐。
• 如果你左对齐和右对齐第一个resp。最后的项目，间距将是次优的。

没有明显的方法通过使用 HTML 和 CSS 以干净的方式实现这一点，这不是很奇怪吗？

我正在寻找导航“面包屑”的灵感来源和/或设计模式。到目前为止，我已经在 Pattern Tap 上找到了面包屑集合。有谁知道任何其他来源？

当我将图像 ( <img>) 转换为超链接（通过将其包装在 中<a>）时，Firefox 在图像周围添加了一个黑色边框。Safari 不显示相同的边框。

什么 CSS 声明最适合消除边框？

我不能确定我的代码是不是很糟糕，或者只是浏览器还没有跟上规范。

我的目标是使用生成的内容来模拟列表标记，以便在纯 CSS 中让计数器从列表到列表的延续。

所以下面的代码，我认为根据规范是正确的，是这样的：

但这似乎不会在 FF3、Chrome 或 IE8 beta 2 中生成标记，如果我没记错的话，也不是 Opera（尽管我已经卸载了 Opera）。

那么，有谁知道标记是否应该起作用？在这方面，Quirksmode.org 并没有像往常一样乐于助人:(。

我有一个网站我制作得非常快，它使用浮动来显示不同的内容部分。浮动内容和具有额外边距的内容在 FF/IE 中都显示得很好，但在 safari 中，其中一个 div 完全隐藏。我尝试切换到paddingand position:relative，但对我没有任何效果。如果我取出代码以将其显示在右侧，它会再次显示但在浮动内容下方。

似乎导致问题的css的主要部分是：

无论我是否为#settings div 指定大小，这都会给我相同的结果。任何想法，将不胜感激。

该站点位于：http: //frickinsweet.com/tools/Theme.mvc.aspx以查看源代码。

我希望我是一个 CSS 聪明人....

如何在网页的左下角放置一个 div 容器；考虑到用户的滚动位置？

谷歌如何设法正确对齐谷歌金融网址中“获取报价”搜索框建议下拉列表中的第二列（即股票代码名称）

示例：如果您输入iii- 第二列完全对齐。

它不使用固定宽度的字体 - 因此仅在代码中添加正确数量的空格是行不通的。

他们是怎么做到的？

在维护 CSS 时，重用 CSS 中的值（尤其是颜色）一直是我的问题。使用 CSS 创建变量或提高可维护性的最佳工具是什么？

假设我有一个如下列表：

• 项目1
• 项目2
• 第 3 项

是否有一个 CSS 选择器可以让我直接选择列表的最后一项？在这种情况下，第 3 项。

干杯!

我试图让一个<input type="text">（以下称为“文本框”）通过将其设置为width来填充父容器100%。这一直有效，直到我给文本框一个填充。然后将其添加到内容宽度并且输入字段溢出。请注意，在 Firefox 中，这仅在将内容呈现为符合标准时才会发生。在 quirks 模式下，另一个盒子模型似乎适用。

这是在所有现代浏览器中重现该行为的最小代码。

我的问题：如何让文本框适合容器？

注意：对于<div id="y">，这很简单：只需设置width: auto。但是，如果我尝试对文本框执行此操作，效果会有所不同，并且文本框将其默认行数作为宽度（即使我display: block为文本框设置了）。

编辑：大卫的解决方案当然会奏效。但是，我不想修改 HTML——我尤其不想添加没有语义功能的虚拟元素。这是我想不惜一切代价避免的典型的葡萄膜炎。这只能是最后的手段。