我想创建一个简单的div，根据所包含的内容缩小和扩展。
https://jsfiddle.net/qa5dr0x8/
<body>
<div style="border: 1px solid red; padding: 15px; width:auto;">
test text
</div>
</body>
结果：红色框展开到页面的整个宽度。为什么呢？
答案 0 :(得分：12)
试试这个：
<div style="border: 1px solid red; padding: 15px; min-width:100px; display: inline-block">
test text
</div>
Here's an explanation on display: inline & display: inline-block - a good read to learn