css - 具有固定高度和自动宽度的 CSS Div

Question

所以我想制作一个 div 容器，我给它一个固定的高度，并希望它的宽度自动适应其中的内容，即使它超过屏幕宽度的 100%。简单地通过在 div 的 css 上声明 width:auto 是行不通的，因为它不会超过屏幕的 100%。

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

这是一个演示：

score 0 · Accepted Answer

0

而不是宽度尝试使用display:inline-block

于 2013-03-29T18:59:42.957 回答

score 0 · Accepted Answer

为你的身体使用下面的 css 并尝试一次，看看你是否得到你想要的。

      body
          {
          margin : 0;
          padding: 0;
          }

score 0 · Accepted Answer

我刚刚添加到您的 css 类 .container

position: relative; display: table;

现在您的内容似乎知道您的内容的高度。您设置的红色背景会根据里面的内容进行相应的扩展。这就是你想要达到的目标吗？

3 回答 3