问题标签 [css-float]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
5 回答
516 浏览

css - 蓝图 css 允许您将布局制定为网格而不是浮动是否正确?

我听说过关于蓝图 css 的一个论点是,它让您可以根据网格而不是浮点数来考虑布局。这对我来说似乎是一个很大的优势,因为我总是对我的浮动最终会在哪里感到困惑 - 有时一个浮动会意外地下降到其他一些浮动下方,我很难弄清楚如何重新定位所有东西。这是否使蓝图 css 对我来说是一个不错的选择 - 还是我应该花时间学习如何正确使用浮点数并手动完成所有布局?

0 投票
1 回答
5904 浏览

css - CSS图片库浮动BUG

这是新的,我制作的存档页面有问题。这似乎是一个相当直接的浮动 div 图片库......但由于某种原因,整个 div 中随机出现了一堆换行符。我认为这可能是 Cufon 或 IE.JS 等的问题,但我禁用了所有 JS 并且它仍然存在错误。

在这里发布代码似乎有点长,我已经抛出了一堆不必要的 div 和明确的修复,但似乎没有任何效果。在我弄清楚之后,我会发布并组织一份适当的报告。

0 投票
10 回答
97812 浏览

html - 如何集中对齐浮动:左侧 ul/li 导航菜单与 css?

因此,我使用以下 CSS 来显示水平导航栏:

我的问题是:如何在标题上方居中对齐导航栏?

0 投票
4 回答
13753 浏览

css - 如何解决 IE CSS 百分比舍入问题?

我正在尝试创建一个动态站点,其中三个浮动框彼此相邻。它们的宽度分别为 33.33%。它们周围的容器 div 宽度为 75%。

我在这里找到了一篇关于这个问题的文章:CSS: Jumping columns
我在这里也找到了同样问题的一个例子:Jumping columns example

在 IE7 或更早版本中拖动窗口大小可以查看跳跃。

任何人都知道是否有可能解决这个问题?(没有Javascript)

0 投票
6 回答
1664 浏览

html - CSS中的浮动列表边距

我有一个 320px 宽的 div。我在左侧浮动列表项,每个项的宽度为 100px。然后,我希望每个列表项的右侧有 10px 的右边距。所有其他边距和填充已被删除。

所以,我基本上想要每行 3 个列表项,然后再进入下一行。但是因为第 3 个项目(即所有项目)有一个边距,所以它进入下一行(所以每行只有 2 个项目)。

有没有办法在这种情况下每行有 3 个项目,而无需创建额外的类或使用脚本。

0 投票
2 回答
909 浏览

css - 哪个更适合从左到右的布局:浮动或显示:内联?

我在 div 中有一些图标,需要用从左到右的结构来布置它们,而不是像 div 一样默认的从上到下的布局。对于大多数了解 CSS 的人来说,这可能不是新闻,但我发现(在一点帮助下)我可以使用以下任一方法使 div 从左到右布局:

或者

我的问题是 -一个比另一个更可取吗?

0 投票
2 回答
2750 浏览

html - Html 布局并使正文内容超出设置的宽度并保持在同一行

我有一个带有页眉、页脚、正文内容的布局。这是一个非常标准的布局。我们的报告有时会超出硬编码的宽度,但我们需要将左侧导航和正文内容放在同一行。使用下面的这段 HTML 代码,如果宽度延伸得太远(比如正文中的内容宽度超过 900+),那么正文内容会在左侧导航下方流动。

基本上,我们希望内容和左导航保持在同一行,无论该正文内容部分中实际有多少内容。有没有办法强制浏览器始终将这些项目保留在同一行。

小错字:bodyContent 与 leftNav 位于同一行。

/* !!! 此部分是否可以与左侧导航保持在同一行,即使它超出了“标题/正文”宽度*/

0 投票
5 回答
4581 浏览

css - CSS浮动搞砸了

它不会停留在我想要的位置,看看这个:

IE浏览器:

火狐浏览器:

我希望文本位于顶部(尝试垂直对齐:顶部),并且我希望图像位于 IE 的白框中。

希望有高手能帮帮我。

谢谢!无法弄清楚问题:/

编辑:添加了整个代码


0 投票
3 回答
967 浏览

html - 浮动div问题

我有一个带有动态内容的浮动 div。在第一行我需要四个 div,同样在第二、第三、第四等......我需要四个 div。我可以将一个类分配给一个 div,它会自动生成其余的 div。我的问题是我可以将最小高度设置为 div,但我无法设置最大高度,因为内容是动态创建的。如果内容很低,则 div 不会排成一排。由于这个原因,即将到来的div也遇到了问题,如何安排这些div?

0 投票
2 回答
1200 浏览

css - 溢出时保持div彼此相邻浮动

我希望简单地解释我的问题以获得良好的反馈:)

想象一下这种情况:两个浮动 DIV 中的一个 DIV 包装器,彼此相邻,具有固定宽度。所有这些都隐藏了溢出。

但是当减少包装器的宽度(或增加孩子的)时,最后一个 DIV 折叠而不是隐藏。请检查代码。非常感谢您提前!

你怎么解决这个问题?必要时避免折叠并保持浮动和隐藏?