Question

我只是学习HTML和CSS（下一步是JavaScript。）我正在开发一个网站，我有两个框（定义为<div> s）并排。它们具有不同的水平尺寸，但每个都具有“高度：1000px” 大的一个位于狭窄的一个，由

定义

<section style = "width:900px; height: 1000px; margin 10px; padding: 20px; background: #BBD1FF; display: inline-block; vertical-align:top;">

我在两个方框的范围内添加了文字，一切都很好。然后我在最右边的框中添加了更多文本，框似乎已经扩展了它的垂直尺寸。框中的原始文本和新文本都没有接近填充框，所以这里发生了什么？我找不到<div>的任何与此相关的属性。

Answer 1

好的，我已经猜到了我认为你想做的事情。基本上，为div添加max-width以防止它们扩展。这是一个简单的JSFiddle，我认为你想做的事情很简单。

.div-one--left {
    height: 1000px;
    max-width: 50%;
    min-width: 50%;
    background: blue;
    float: left;
    display: block;
}

另外，处理宽度时。始终使用百分比的良好做法。如果您使用像素作为宽度（但稍微偏离主题），则无法响应地构建。