设置具有相对位置的div的最小宽度

时间:2015-05-06 10:16:18

标签: javascript html css html5 css3

如何使用最小宽度宽度

来设置此div的样式

CSS

#diva {
   position: relative;
   margin: 0 auto;
   min-width: 75px;
   width: auto;
   height: 50px;
   padding: 4px;
   color: white;
   background-color: red;
}

HTML

<div id="diva">
    hello
</div>

当我将宽度设置为自动时,此div占用整页宽度。

1 个答案:

答案 0 :(得分:1)

display:inline-block;

只需添加display:inline-block;为div的样式。这应该有效:)

http://jsfiddle.net/432kxywu/