高度自动不起作用

#container 
{ 
background: #787234; 
width:980px; 
height:auto; 
margin-left: auto; 
margin-right: auto; 
position:relative; 
//float:left; 
}

集装箱高度设置为自动仍然我正面临高度问题。由于DIV与中心对齐，所以我不能使用float：left。高度自动不起作用

请告诉我如何得到高度：汽车不使用浮动：左

http://jsfiddle.net/Bhy3q/

编辑：

浮动：左边是给我的结果，但我的div不会在中心，如果我使用浮动：左

解决：（不具有100声誉回答这个）

由于#container对齐中心，它给我身高：自动问题。我通过创建具有子div容器浮法解决：左

因此，浮动：左边的是我不能在#container的使用

#container 
{ 
width:980px; 
margin-left: auto; 
margin-right: auto; 
} 

#sub-container 
{ 
width:100%; 
height:auto; 
float:left; 
background: #FFF; 
}

来源

2012-02-07 ismail vittal

'height：auto'正在工作 - 这是默认设置。 – BoltClock 2012-02-07 18:31:08

你想完成什么？ 'height：auto'会将元素的高度设置为其内容的高度（在本例中为0px）。 – 2012-02-07 18:31:59

我有#container里面的内容，我仍然面临这个问题 – 2012-02-07 18:32:45

似乎你不明白你的CSS是做答案。您正在使用margin-left和margin-right将div对齐到中心，那么您还需要将其设置在float左侧。这两种风格是冲突的，并且不起作用。要么你想在中间或左侧的div，它不能在同一时间。

此外，默认情况下，height设置为auto，因此您不必明确声明这一点。

来源

2012-02-07 18:34:22

我提到过，float：left将#container的背景设置为默认值。但是当我删除#container不会显示背景#FFF，即高度在这里面临一些问题 – 2012-02-07 18:37:04

不，你没有提到......我不知道这意味着什么。请在您的示例中提供更多代码来说明您遇到的问题。 – 2012-02-07 18:38:42

谢谢，我的问题解决了。我创建了一个具有浮点数的新div：left #container – 2012-02-07 18:40:58

嗨，大家好我有同样的问题，我发现了一个解决方案：

div#container { 
    height: auto; 
    overflow: hidden; 
}

我在容器许多div的，但它不会不overflow:hidden;工作。

当我把它在上面的代码它工作得很好;）

来源

2013-06-30 15:01:43 Karol

这解决了我的问题，谢谢 – afro360 2013-08-15 06:19:49

我有一个类似的问题。我正在使用的div的计算高度是窗口大小（768px）。我有height:auto;设置和子元素的组合高度是80px。

为什么，是因为我有这个在我的CSS

div.my-div { 
    top:0px; 
    bottom:0px; 
    height:auto; 
    position:fixed; 
}

的top:0px;和bottom:0px;导致计算的高度是窗口的大小的原因。我删除了bottom:0px;，一切都恢复正常。

来源

2013-07-09 18:01:40 Gordolio

高度自动不起作用

回答

相关问题