css - 页面中有 2 个 div

Question

我需要在旁边放置 2 个 div，第一个页面的宽度为 %20，第二个页面的宽度为 %80。我不知道我必须给 div 哪个位置。相对、固定、绝对、继承？

我该怎么做？

Answer 1

你可以这样写：

.firstdiv{
width:20%;
float:left;
}
.secdiv{
 overflow:hidden;
}

检查这个小提琴

Answer 2

不要给 div 任何位置，只需float:left;像往常一样使用并将宽度设置为 80%（或 79%）和 20%

div_first
{
float:left;
width:79%;
}
div_second
{
float:left;
width:20%;
}