html - 在没有 jscript 的情况下根据其内容调整 div 元素的大小

Question

我无法获得根据内容调整大小动态创建的 div。具有固定宽度的主体 div (# divPrincipal) 的想法。在这个 div 中，除了其他内容之外，还有另一个 div (# divCabecera)，它将根据其内容调整大小。最后，在#divCabecera 中，它们将被创建任意数量的带有文本的div (#divTexto)。

这是基本的CSS：

# divTexto{
  border-right: 1px solid #cdcdcd;
  height: 100%;
  width: 33%;
  float: left;
  display: inline-block;
}

我所需要的是它们出现更多的蓝色 div，红色区域增长到黑色区域。之后显示一个滚动

我希望你能帮帮我

Answer 1

我想这就是你想要的。不确定，但这就是我得到的。

http://jsfiddle.net/gulfarazyasin/BQfN3/

div#container {
    border: 1px solid black;
    height: 250px;
    width: 300px;
    overflow: auto;
    white-space: nowrap;
}

div#container div#divTexto {
    border: 1px solid blue;
    height: 200px;
    display: inline-block;
    margin: 0 20px;
}

div#red {
    border: 1px solid red;
    margin: 10px;
    display: inline-block;
}

添加/删除#divTexto 以查看所需的效果