设置以位置为相对位置的div的最小宽度

Question

How to style this div both with a min-width and width

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>

When i set width to auto , this div occupies the full page width.

Answer 1

display:inline-block;

Just add display:inline-block; to the styles for the div. That should work :)

http://jsfiddle.net/432kxywu/