Html 如何使2个div的宽度达到100%

我在第页有两个div

<div id="main"></div>
<div id="panel"></div>

---

我想让面板填满左边的页面空间，我应该使用哪种css？

看起来您正在尝试构建一些布局，对吗？如果是这样的话，考虑在这些链接中呈现的一些技术（因此学习）：

---

希望有帮助

看起来你在尝试构建一些布局，对吗？如果是这样的话，考虑在这些链接中呈现的一些技术（因此学习）：

---

希望有帮助

只是不要让它浮动，让它相对定位。把边距也去掉。浮动“main”意味着它将一直位于“panel”的左侧。如果您定义“main”所需的方式，“panel”将自动占用剩余空间

#photos-main {
float: left;
width: 800px;
position: relative;
}

#panel {
}

---

只是不要让它浮动，让它相对定位。把边距也去掉。浮动“main”意味着它将一直位于“panel”的左侧。如果您定义“main”所需的方式，“panel”将自动占用剩余空间

#photos-main {
float: left;
width: 800px;
position: relative;
}

#panel {
}

---

您可以使用这种方法进行浮动：

#photos-main {
 float: left;
 width: 800px;
}

#panel {
 float: right; /*to have the panel on the right side*/
 width: 100px; /*with a width of 100px*/
}

然后，您必须用另一个标记来包装这两个标记，这将获得两个元素的总宽度

要澄清这两列布局并在下面放置一个页脚，请在HTML结构中放置另一个页脚并在css中设置一个简单的“clear:tware；”，这样浮动将停止

完整样本

HTML

---

您可以使用这种方法进行浮动：

#photos-main {
 float: left;
 width: 800px;
}

#panel {
 float: right; /*to have the panel on the right side*/
 width: 100px; /*with a width of 100px*/
}

然后，您必须用另一个标记来包装这两个标记，这将获得两个元素的总宽度

要澄清这两列布局并在下面放置一个页脚，请在HTML结构中放置另一个页脚并在css中设置一个简单的“clear:tware；”，这样浮动将停止

完整样本

HTML

#wrap {
 width: 900px;
}

#photos-main {
 float: left;
 width: 800px;
}

#panel {
 float: right; /*to have the panel on the right side*/
 width: 100px; /*with a width of 100px*/
}

#clear {
 clear:both;
}