问题标签 [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.
css - 蓝图 css 允许您将布局制定为网格而不是浮动是否正确?
我听说过关于蓝图 css 的一个论点是,它让您可以根据网格而不是浮点数来考虑布局。这对我来说似乎是一个很大的优势,因为我总是对我的浮动最终会在哪里感到困惑 - 有时一个浮动会意外地下降到其他一些浮动下方,我很难弄清楚如何重新定位所有东西。这是否使蓝图 css 对我来说是一个不错的选择 - 还是我应该花时间学习如何正确使用浮点数并手动完成所有布局?
css - CSS图片库浮动BUG
这是新的,我制作的存档页面有问题。这似乎是一个相当直接的浮动 div 图片库......但由于某种原因,整个 div 中随机出现了一堆换行符。我认为这可能是 Cufon 或 IE.JS 等的问题,但我禁用了所有 JS 并且它仍然存在错误。
在这里发布代码似乎有点长,我已经抛出了一堆不必要的 div 和明确的修复,但似乎没有任何效果。在我弄清楚之后,我会发布并组织一份适当的报告。
html - 如何集中对齐浮动:左侧 ul/li 导航菜单与 css?
因此,我使用以下 CSS 来显示水平导航栏:
我的问题是:如何在标题上方居中对齐导航栏?
css - 如何解决 IE CSS 百分比舍入问题?
我正在尝试创建一个动态站点,其中三个浮动框彼此相邻。它们的宽度分别为 33.33%。它们周围的容器 div 宽度为 75%。
我在这里找到了一篇关于这个问题的文章:CSS: Jumping columns
我在这里也找到了同样问题的一个例子:Jumping columns example
在 IE7 或更早版本中拖动窗口大小可以查看跳跃。
任何人都知道是否有可能解决这个问题?(没有Javascript)
html - CSS中的浮动列表边距
我有一个 320px 宽的 div。我在左侧浮动列表项,每个项的宽度为 100px。然后,我希望每个列表项的右侧有 10px 的右边距。所有其他边距和填充已被删除。
所以,我基本上想要每行 3 个列表项,然后再进入下一行。但是因为第 3 个项目(即所有项目)有一个边距,所以它进入下一行(所以每行只有 2 个项目)。
有没有办法在这种情况下每行有 3 个项目,而无需创建额外的类或使用脚本。
css - 哪个更适合从左到右的布局:浮动或显示:内联?
我在 div 中有一些图标,需要用从左到右的结构来布置它们,而不是像 div 一样默认的从上到下的布局。对于大多数了解 CSS 的人来说,这可能不是新闻,但我发现(在一点帮助下)我可以使用以下任一方法使 div 从左到右布局:
或者
我的问题是 -一个比另一个更可取吗?
html - Html 布局并使正文内容超出设置的宽度并保持在同一行
我有一个带有页眉、页脚、正文内容的布局。这是一个非常标准的布局。我们的报告有时会超出硬编码的宽度,但我们需要将左侧导航和正文内容放在同一行。使用下面的这段 HTML 代码,如果宽度延伸得太远(比如正文中的内容宽度超过 900+),那么正文内容会在左侧导航下方流动。
基本上,我们希望内容和左导航保持在同一行,无论该正文内容部分中实际有多少内容。有没有办法强制浏览器始终将这些项目保留在同一行。
小错字:bodyContent 与 leftNav 位于同一行。
/* !!! 此部分是否可以与左侧导航保持在同一行,即使它超出了“标题/正文”宽度*/
css - CSS浮动搞砸了
它不会停留在我想要的位置,看看这个:
IE浏览器:
火狐浏览器:
我希望文本位于顶部(尝试垂直对齐:顶部),并且我希望图像位于 IE 的白框中。
希望有高手能帮帮我。
谢谢!无法弄清楚问题:/
编辑:添加了整个代码
html - 浮动div问题
我有一个带有动态内容的浮动 div。在第一行我需要四个 div,同样在第二、第三、第四等......我需要四个 div。我可以将一个类分配给一个 div,它会自动生成其余的 div。我的问题是我可以将最小高度设置为 div,但我无法设置最大高度,因为内容是动态创建的。如果内容很低,则 div 不会排成一排。由于这个原因,即将到来的div也遇到了问题,如何安排这些div?
css - 溢出时保持div彼此相邻浮动
我希望简单地解释我的问题以获得良好的反馈:)
想象一下这种情况:两个浮动 DIV 中的一个 DIV 包装器,彼此相邻,具有固定宽度。所有这些都隐藏了溢出。
但是当减少包装器的宽度(或增加孩子的)时,最后一个 DIV 折叠而不是隐藏。请检查代码。非常感谢您提前!
你怎么解决这个问题?必要时避免折叠并保持浮动和隐藏?