如何使CSS的Div具有固定高度和自动宽度?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (63)

我想制作一个div容器,我给它一个固定的高度,并希望它自动适应其宽度与其中的内容,即使它超过屏幕宽度的100%。只需通过声明width:auto; 的css上无法正常工作,因为它不会超过100%的屏幕。

.container {
    background: red;
    height: 200px;
    width: auto;   
}

下面是一个演示:

http://jsfiddle.net/8MqtN/2/

提问于
用户回答回答于
position: relative; display: table;

现在,你的内容似乎已经了解你的内容的高度。你设置的红色背景会相应地扩展到内部的内容。可以吗?

用户回答回答于

对你的body使用下面的CSS,试试,看看你是否得到了你想要的。

      body
          {
          margin : 0;
          padding: 0;
          }

扫码关注云+社区

领取腾讯云代金券