div并排排列

Question

我有2个嵌套的div作为

 <div id="header">
   <div id="logo"></div>
   <div id="header_r"></div>
 </div>

css是

 #header{
      border: 1px solid;
  width: 900px;
  border-radius: 10px;
  min-height: 100px;
  }     
#logo{
    border: 1px solid;
width: 400px;
border-radius: 10px;
min-height: 80px;
float: left;
 }
  #header_r{
    border: 1px solid;
width: 500px;
border-radius: 10px;
min-height: 80px;
float: left;
 }

它被安排在另一个之下。我如何并排获得它们？

Answer 1

关闭header-r div上的标记

Answer 2

您需要关闭“header_r”div

上的标记

<div id="header">
   <div id="logo"></div>
   <div id="header_r"></div>
 </div>

Answer 3

将徽标和header_r的宽度减少2px，因为边框也包含在元素的宽度中。