Html 为什么赢了'；t div是否占用指定的空间？

我有一个宽度为900px的包装器div。我有两个div，宽度分别为400px和500px。我不明白为什么这些div不会占用至少900px的包装器

   .wrapper{
   background:blue;
   width:900px;
   height:250px;
   }

   .div1{
   background:yellow;
   height:250px;
   width:400px;
   float:left;
   }

   .div2{
   background:orange;
   height:250px;
   width: 500px;
   }

   .div2 li {
   display: list-item;
   list-style-type: none;
   }


   <div class="wrapper">
   <div class="div1"><img src="https://lh6.googleusercontent.com/-gMmeweshbOo/Up307AA-         1hI/AAAAAAAAAGE/cU_E9cGjWks/w400-h300-no/google_trans.png"></div>
   <div class="div2">
   <h2>Important Documents<h2>

   <ul>
   <li><a href="" target="_blank">Link1</a></li>

   <li><a href="" target="_blank">Link2</a></li>

   <li><a href="" target="_blank">Link3</a></li>

   <li><a href="" target="_blank">Link4</a></li>

   <li><a href="" target="_blank">Link5</a></li>
   </ul>


   </div>
   </div>

.wrapper{
背景：蓝色；
宽度：900px；
高度：250px；
}
.1分部{
背景：黄色；
高度：250px；
宽度：400px；
浮动：左；
}
.第2分部{
背景：橙色；
高度：250px；
宽度：500px；
}
.2李司{
显示：列表项；
列表样式类型：无；
}
重要文件

试试这个：

  .div2
   {
      background:orange;
      height:250px;
      width: 500px;
      float:left;
   }

将

float:left

添加到div2中

尝试以下操作：

  .div2
   {
      background:orange;
      height:250px;
      width: 500px;
      float:left;
   }

.div2{
background:orange;
height:250px;
width: 500px;
float:left; //HERE!!
}

---

将

float:left

添加到div2中

您需要添加

overflow:auto

到

.div2

，以便其内容不会溢出容器。

您需要添加

溢出：自动

到

.div2

，这样它的内容就不会溢出容器。

当我测试代码时，两个div的宽度都是正确的。但是，div2元素被推到了div1元素下面。div2缺少float:right属性。我相信这就是您试图做的。

当我测试代码时，两个div的宽度都是正确的。但是，div2元素被推到了div1元素下面。div2缺少float:right属性。我相信这就是您试图做的。

您不需要

显示：列表项

在

.div2 li

上，

li

已经是

列表项

。这是我所想的，但这是我唯一能拿走子弹的方法。还有其他方法吗？

列表样式类型：无接受要点，而不是
显示：列表项
.div2 ul{list style:none；}

我同意亨克和沃沃克斯的答案。考虑检查这个页面以了解它是如何工作的：你不需要<代码>显示：列表项；

在
.div2 li
上，
li
已经是
列表项
。这是我所想的，但这是我唯一能拿走子弹的方法。还有其他方法吗？
列表样式类型：无接受要点，而不是
显示：列表项
.div2 ul{list style:none；}
我同意亨克和沃沃克斯的答案。考虑检查这个页面以了解它是如何工作的：
.div2{
background:orange;
height:250px;
width: 500px;
float:left; //HERE!!
}