根据没有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以查看所需效果