html - 如何让 divs 并排对齐整页？

Question

我有两个 div。我正在做一个网站设计，其中第一个 div 包含导航等一些东西。这需要左侧 20% 的宽度和 100% 的高度。剩余的 80% 用于第二个 div 中的实际内容显示。我已经为此工作了几个小时，无论我似乎无法得到它。有人可以给我一个使这项工作有效的例子吗？我需要第一个和第二个 div 保持并排，但第一个 div 不会改变大小。而第二个呢。任何帮助将不胜感激 谢谢。

Answer 1

HTML

<div class="wrapper">
    <div class="inner_left"></div>
    <div class="inner_right"></div>
</div>

CSS

*{
  margin:0;
  padding:0;  
}

.wrapper{
    margin-top:10px;

    position :relative;
    width: 100%;
    margin: 0px auto;
    height:250px;
}
.inner_left {
  position : absolute;
  top:0;
  left:0;
  bottom:0;
  background: orange;
  width: 250px;


}
.inner_right{
  position :absolute;
  top:0;
  right:0;
  bottom:0;
  left:250px;  
  background:blue; 
}