Question

为什么我的div不会漂浮？ Content1和Content2应并排放置。我错过了什么？我确信这很简单。我显然很早就在这个项目中，所以不需要纠正所有其他废话:)。

这是我的css：

body {
    margin: 0;
    background-color: #cccccc;
}

#header {
    width: 100%;
    height:90px;
    background-color: #999999;
}

#container {
    margin-right: 20%;
    margin-left: 20%;
    width: 1000px;
}

#content1 {
    width: 300px;
    float: left;
}

#content2 {
    width: 405px;
    float: left;
}

#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:90px;
   background-color: #999999;
}

这是我的HTML：

<div id="header">
  My Personal Page
</div>

<div id="container">

<div id="Content1">
  <img src="http://localhost:8888/portrait.png" height="400">
</div>

<div id="Content2">
  <img src="http://localhost:8888/portrait.png" height="400">
</div>

</div>

<div id="footer">
  Copyright Information
</div>

Answer 1

因为你写了id's错了。
ID的名称必须与css表中的名称完全相同。在html中，您有Content1大写 C ，而在您的CSS中，content1小写 c 。
与Content2 （html）和content2 （css）的情况相同。

您的HTML： （错误）

<div id="Content1"> && <div id="Content2">

新的HTML： （右）

<div id="content1"> && <div id="content2">

<强> DEMO

为什么我的div不会漂浮？

1 个答案: