首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >具有固定高度和自动宽度的CSS Div

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

Stack Overflow用户
提问于 2013-03-30 02:50:37
回答 3查看 10.4K关注 0票数 0

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

代码语言:javascript
复制
.container {
    background: red;
    height: 200px;
    width: auto;   
}

这是一个演示:

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

EN

回答 3

Stack Overflow用户

发布于 2013-03-30 02:56:35

对你的身体使用下面的css,然后试一次,看看你是否得到了你想要的。

代码语言:javascript
复制
      body
          {
          margin : 0;
          padding: 0;
          }
票数 0
EN

Stack Overflow用户

发布于 2013-03-30 02:59:43

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

票数 0
EN

Stack Overflow用户

发布于 2016-09-03 14:36:41

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

代码语言:javascript
复制
position: relative; display: table;

现在你的内容似乎意识到了你的内容的高度。您设置的红色背景会相应地扩展到里面的内容。这就是你想要实现的吗?

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15709587

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档