问题标签 [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 投票
4 回答
2099 浏览

css - 如果其中一个 DIV 中有表格,则 IE 7 和 IE 8 不会在同一行使用 float:left 呈现 2 个后续 div

如果其中一个 DIV 中有一个 100% 宽度 + 非零边距的表格,则 IE 7 和 IE 8 不会在同一行使用 float:left 渲染 2 个后续 div:

p>

在 FireFox、Opera、Chrome 和 Safari 中没有这样的问题。

有谁知道这个 IE 错误的解决方法?

0 投票
4 回答
5443 浏览

css - 防止包裹在 CSS 中的嵌套浮动项中

我有一个包含许多浮动子项的 div。每个子项都是一个包含输入和标签的 div。在 Firefox 中它看起来不错,但在 IE7 中,一行中的最后一项被换行以适应,而不是被移动到下一行。

包装物品 http://harriyott.com/images/wrapping.png

我该如何解决?

0 投票
4 回答
11958 浏览

html - 页面在刷新前无法正常显示

在我的网站上,该页面在大多数浏览器中显示不正确,直到您刷新它。该网站是: http ://www.hqinternetsolutions.com/services.html

我不知道为什么它以这种方式显示,然后它会在刷新时自行修复(即使没有清除缓存)

它是一系列带有边距的 div 向左浮动。任何的想法?

0 投票
5 回答
47739 浏览

css - CSS - 跨度标记不遵守宽度

我的一个跨度有问题。请考虑以下样式:

我的代码中有这 3 个跨度:

当没有数据显示在“COL1CHE”中时(或者甚至可能在其中任何一个中,尽管我不确定),当没有数据时,这个跨度“折叠”并且它的宽度不被尊重时,就会出现问题。这发生在 Firefox 中,在 IE 中它不会“崩溃”。

我加入了一个“清晰”的课程,看看这是否有帮助,但无济于事。

有任何想法吗?

0 投票
3 回答
12465 浏览

css - Div 浮动和负边距

我希望这是一个简单的,但我似乎无法快速破解它......

我有一个 2 列布局,右列中的内容是动态的和 ajax 驱动的。所以页面高度会根据右栏中的内容而变化。

我想将一个小的 Flash 文件(400 像素 x 200 像素)固定在页面底部,但位于第 1 列下方。

这很容易。问题是..我希望闪光灯的上边距为-200px,这样它就不会完全被卡住。这也减少了浪费的空白。

我已经大大简化了代码,但你应该明白我的意思。简单的 2 列,清除列,在 flash div 上插入负边距。在 IE6、Safari 中运行良好,在 Opera、Firefox 和 Chrome 中惨遭失败。

您可以“通过”清除应用负边距吗?

所有帮助表示赞赏;)

0 投票
1 回答
222 浏览

html - 当 div 向左浮动时,如何根据浏览器窗口大小或屏幕分辨率使 div 不会相互堆叠?

对不起,如果我的措辞......不清楚。我真的不知道如何正确解释我的困境。但是让我们看看我是否可以在这里做得更好......

我正在制作一个博客,其中的帖子将水平显示和滚动,而不是垂直滚动。每篇博客文章都显示在一个单独的 div 中,并且 div 通过将它们浮动到左侧并排显示。

但是根据一个人的计算机的分辨率,或者一个正在查看页面的窗口的大小,div 将堆叠在一起,而不是像我想要的那样并排显示。当然,如果屏幕分辨率足够大,可以显示每个 div,它会很好地工作,但事实并非如此。

我很感激我能得到的任何帮助、提示和指示。非常感谢。

编辑 就代码而言,这是我正在使用的基本 HTML 结构和 CSS:

0 投票
1 回答
795 浏览

firefox - sIFR 3 r436 Opera + Firefox 浮动问题

我在浮动 img 旁边放置 sifr 时遇到问题,Opera 9.6 强制文本清除图像并显示在一行上。Firefox 还会在第一次加载页面时强制清除文本,尽管刷新修复了这个问题并且问题将永远不会再次发生,只有在清除缓存并重新启动浏览器时才会返回。

也扼杀了 firefox,如果出现错误,然后我加载 firebug,这会将文本拍摄到与图像内联的正确位置,非常奇怪,因为我不认为 firebug 导致 dom 重新加载。

0 投票
2 回答
1136 浏览

css - 在 IE 中使用 :hover 中断的垂直菜单

http://www.thelisthq.net/datetest.php

如果您在 firefox、chrome 或 ie 8 中查看页面并关闭垂直菜单的兼容模式,则可以正常工作。我的策略是将整个菜单向右浮动并反转项目符号(右侧的项目符号)。如果您在早期版本的 ie 中查看它,它会中断。我想不出如何解决这个问题,我尝试了不同的文档类型,并进行了许多小调整,但似乎无法让它正常工作。任何人都知道修复或有任何见解?

0 投票
6 回答
2815 浏览

javascript - 如何获得 div 的 TRUE 高度?

我正在尝试确定 div 的高度。这听起来很简单,但复杂的是它只有后代内容是浮动的,所以要求高度/外部高度(使用 jQuery)/clientHeight/offsetHeight 只返回 0,即使很明显在页面上,它肯定会呈现有一个高度。以下是 HTML 结构的示例:

“text-left”和“text-right”元素具有“float:left;” 和“浮动:对;” 在他们身上,所以当我询问“root”的高度时,它告诉我它是 0。但是,当然,当我得到“text-one”和“text-two”的高度时,它正确地告诉我它是 20 或其他。

如何确定“根”元素的真实高度?(例如,如果“text-one”的高度是 50,而“text-2”的高度是 20,它会知道真实高度是 50)

我想有某种逻辑可以计算出所有后代元素的高度并计算它们是否浮动等,然后给我一个最终数字……但我不够聪明,无法解决这个问题。

提前致谢。

编辑:请注意更改 HTML(例如,包括“清除”)不是一种选择。我需要能够按原样说出这个 div 的高度。

0 投票
8 回答
144572 浏览

css - 如何水平居中可变宽度的浮动元素?

如何水平居中可变宽度的浮动元素?

编辑:我已经使用包含div浮动元素并为容器指定a width(然后margin: 0 auto;用于容器)来进行此工作。我只是想知道它是否可以在不使用包含元素的情况下完成,或者至少不必width为包含元素指定 a 。