html - 如何在 css 中将屏幕划分为这些 div？

Question

我怎样才能让我的页面看起来像这样:

当左、右(上div)

当A和B的高度未知时(好吧，内容最多的人将决定比C低多少)

提前致谢

Answer 1

我会将这些部分设置为百分比，这样无论用户的屏幕尺寸如何，您都可以获得这些比例。

CSS

#sectionA
{
   float:left;
   width: 20%;
}
#sectionB
{
   float:left;
   width: 80%;
}

#sectionB
{
   clear:both;
   width: 100%;
}

HTML

<div id="sectionA"></div>
<div id="sectionB"></div>
<div id="sectionC"></div>