css - 将最小宽度设置为内容的宽度

Question

我有一个包含表格背景的 div。我希望 div 具有 100% 的宽度，除非宽度比表格的长度窄。我可以这样做:

.my-div {
  width:100%;
  min-width:900px;
}

这对于 900 像素宽的表格来说非常好，但如果它比这更窄，我将有不需要的滚动条，如果它比那更宽，我将拥有无法访问的内容。显然，这可以用 JavaScript 轻松解决，但我想知道是否有仅 CSS 的解决方案，这样我的应用程序就不会那么依赖 JS。

要了解正在发生的事情，请参阅 here .我想要的是当表格中的文本溢出时，绿色背景溢出视口(viewport)。

Answer 1

如果我正确理解您的问题，这应该会有所帮助:

.my-div {
  /*width:100%;*/
  height:400px;
  background-color:#bada55;
  display: inline-block; // this is the key
}

此处修改的示例:http://jsfiddle.net/nvLnodLh/