CSS:为什么使用float: left打破div的高度？

文章/答案/技术大牛

发布

1回答

html、css、css-tables

我有两个div，它们应该有相同的高度。所以我在容器上使用display: table，在子div中使用display: table-cell。然而，这些孩子使用的是一个包含float:left的通用.css文件。关于firebug，当我删除这个float:left时，一切似乎都像预期的那样工作。我花了几个小时，但我自己找不到答案

浏览 5提问于2017-08-17得票数 0

回答已采纳

1回答

内联-块元素在父级外部，左浮动元素在内部

html、css

下面是代码：我正在使用一个react实现的CSS库的一部分，实现一个进度条。它在css端的测试中工作得很好，但当我在react中实现它时，实际的填充条就在它的容器之外。它位于下面几个像素的位置。我意识到css测试的测试文件中没有<!DOCTYPE html>。添加它打破了我的风格，或者暴露了我已经打破的风格。4px

浏览 0提问于2019-03-28得票数 0

5回答

如何在运行时分配相等两个动态div的高度

javascript、jquery

我有两个div，一个在左边，另一个在右边，它们在运行时创建两个的内部文本。我的问题是如何使两个div高度相等。我使用的是代码但它不起作用

浏览 0提问于2012-02-02得票数 3

1回答

为什么当float被指定给clear div时，它的父容器的边框不能识别它？

html、css、css-float

示例：<div id = parent></div>div.clearDiv width: 1000px; float: left; clear: bo

浏览 0提问于2011-01-19得票数 1

回答已采纳

2回答

html -定位框

html、position

我想把三个盒子放在一个页面上--一个在左边，和右边的两个垂直空间差不多--每个盒子里有多行内容，三个盒子不互相接触。 <tbody> <td class="boxed">Multi-lin

浏览 0提问于2014-07-29得票数 0

回答已采纳

4回答

未呈现ul/div元素的背景色

html、css、background-color

我试图在蓝色的色带中显示导航项目(水平)。不知何故，背景颜色属性没有被应用到ul元素中。我试着把它放进一个背景为蓝色的div元素中。但是，它不起作用<div style="background-color:blue;"> <li style="float:left;m

浏览 4提问于2015-07-01得票数 3

回答已采纳

4回答

位置3 div

html、css

我有3个div，'left div'，'right div‘和'bottom div’。我已经无可救药地试图以某种方式对它们进行定位，但就是行不通。这就是我理想中希望的样子：主要的问题是'left div‘和'right div’的高度不同，那么我该如何解决这个问题呢？编辑:我还想补充说，左侧和右侧div

浏览 0提问于2011-12-13得票数 0

回答已采纳

5回答

使用float填充元素区域

html、css、css-float

我正在使用浮动的DIVs :left我们得到的结果是这样的：| 1 | | | | 2 |

浏览 1提问于2012-11-07得票数 1

回答已采纳

3回答

背景没有覆盖整个区域

html、css

如您所见，左右div的高度与中心div的高度不同。如何扩展侧边div并使其高度与中心div相同？我试着使用高度:100%；但我没有得到我想要的结果。我的HTML： dfsfdsf<div<

浏览 0提问于2013-05-24得票数 0

回答已采纳

5回答

我用了两个div。一个用于显示图像...一个用于显示文本...使用第一个div，我设置了background-image属性来设置background-image...当然，还要将display属性设置为内联...但问题是它们在同一条线上，但不完全是同一条线……<div class="div_with_image"></div> <div style="display:inline"

浏览 0提问于2013-06-14得票数 2

回答已采纳

5回答

将一个div列浮动到另一个div列下

html、css

我在一个主容器中有4个容器，并试图使用它创建一个布局。<div id ="main-container"> container 1<div id =

浏览 0提问于2014-02-23得票数 0

3回答

Div位置- css

css、html

我正在努力实现，使用css，div的行为就像图片上的一个例子：有什么干净的方法可以做到这一点吗？我使用javascript来计算"left“div高度和"main”div宽度和高度。但我不喜欢这个solution...is有没有办法做到这一点只使用css？编辑:页面不能有scrollbar...so页面的高度

浏览 1提问于2012-10-25得票数 2

回答已采纳

3回答

在将div扩展到页面底部时遇到问题。包含jsFiddle

javascript、jquery、css

在将左侧和右侧div扩展到页面底部时遇到困难，不多也不少。谢谢，戴尔

浏览 0提问于2011-12-22得票数 0

回答已采纳

3回答

最小高度:100%；高度:100%；不工作

css

我不知道我的风格出了什么问题。} float:left; width:200px;} float:left; width:150px; background:#C93;</style> <div class=&quo

浏览 0提问于2012-01-09得票数 25

回答已采纳

2回答

居中的div超过另外两个具有自动高度的div。

html、css、css-position

我通过在div内容上使用绝对位置成功地做到了这一点，但是如果我这样做了，我不知道如何自动调整div的左、右高度到div内容高度。下面是它的工作原理：，下面是代码 <div id="left"></div> <div

浏览 2提问于2015-11-15得票数 0

回答已采纳

5回答

如何在输入按钮周围创建边框？

css

但是当我运行代码时，我只在按钮的顶部看到一条蓝线。我添加了disply: inline-block，但这似乎不起作用。有没有什么方法可以让div的边框围绕着输入按钮？<div id="A"> <input style="float: left; display: block"type=&qu

浏览 0提问于2011-06-11得票数 2

回答已采纳

4回答

引导行高度100%发行

html、css、twitter-bootstrap

我正在使用3框架进行一个项目。 .row的高度变得疯狂了。但是，如果我在侧边栏上使用float: left</

浏览 5提问于2014-06-18得票数 6

2回答

浏览器调整大小的不同div大小

css、html、layout、responsive-design

我有两个div，它们并排构成了我的响应设计的一部分。我把每个div设定在179的高度，因为在其中一个div下有一个缺口，一个建议是给他们设定高度。当没有足够的空间时，div堆栈，但然后页面内容被进一步向下推比id喜欢。当有空间时，是否有任何方法使div保持在相同的大小，但是当浏览器被调整大小时，合适的只有某个高度，比如20 to，而不是179

浏览 3提问于2014-04-26得票数 0

回答已采纳

1回答

使用display:表单元格创建两列布局

html、css

我试图使用display:table-cell来创建两列布局，其中两列将是相同的高度，这个高度由最大列的内容决定。然而，内容较少的div并没有延伸到与另一个相同的高度，我也不知道为什么。<div class="col"> <p>Column 1 C

浏览 2提问于2015-02-01得票数 1

回答已采纳

2回答

如何使用CSS为子div设置相等的高度

css、html、overflow

有fiddle ，也有css：width: 600px;overflow: hidden;position: relative;.news {margin-left: 15px;background: #ddd;JQuery定义div的高度没有任何问题。为什么孩子

浏览 2提问于2013-01-31得票数 0

点击加载更多