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 以查看所需的效果