Html 如何放置两个<；部门>；s并排，与左侧<；部门>；占用了100%的未被右侧占用的空间<；部门>；？
我有一个基本问题。两个Html 如何放置两个<；部门>；s并排，与左侧<；部门>；占用了100%的未被右侧占用的空间<；部门>；？,html,css,Html,Css,我有一个基本问题。两个并排排列，左侧的需要具有“灵活”的宽度，如右侧的未显示时，左侧的将拉伸到100% 我目前的代码如下，不符合上述要求 <html> <head> <style> #container { display: block; } #box-left { width: 100%;
<html>
<head>
<style>
#container {
display: block;
}
#box-left {
width: 100%;
height: 100px;
background-color: red;
float: left;
}
#box-right {
width: 15%;
height: 100px;
background-color: blue;
float: right;
}
</style>
</head>
<div id="container">
<div id="box-left"></div>
<div id="box-right"></div>
</div>
<body>
</body>
#容器{
显示：块；
}
#左框{
宽度：100%；
高度：100px；
背景色：红色；
浮动：左；
}
#右框{
宽度：15%；
高度：100px；
背景颜色：蓝色；
浮动：对；
}
#container {
display: table;
table-layout: fixed;
}
#id-right, #id-left {
display: table-cell;
float: none;
}
#id-left {
/* no width */
}
#id-right {
width: 15%;
}
不幸的是，这在IE6中不起作用，但除此之外，它还应该起作用。您是否尝试过使用
最大宽度：100%用于“左框”？您是否尝试过使用最大宽度：100%？如果您颠倒了HTML中出现的#框左
和#框右
的顺序，并从CSS中的#框左
中删除宽度
属性，那么它应该按照您描述的方式工作：
#box-left {
height: 100px;
background-color: red;
float: left;
}
...
<div id="container">
<div id="box-right"></div>
<div id="box-left"></div>
</div>
#框左{
高度：100px；
背景色：红色；
浮动：左；
}
...
不过，您可能不希望使用该源代码顺序，在这种情况下，
s（或CSS等价物）是唯一允许您执行所需操作的HTML/CSS布局系统。如果将HTML中出现的#box left
和#box right
的顺序颠倒，并从CSS中的#框左
中删除width
属性，它应该按照您描述的方式工作：
#box-left {
height: 100px;
background-color: red;
float: left;
}
...
<div id="container">
<div id="box-right"></div>
<div id="box-left"></div>
</div>
#框左{
高度：100px；
背景色：红色；
浮动：左；
}
...
不过，您可能不希望使用该源代码顺序，在这种情况下，
s（或CSS等效项）是唯一允许您执行所需操作的HTML/CSS布局系统。将左div的宽度设置为剩余空间。既然你右边的盒子是15%，那就让左边的盒子变成85%
以下是代码：
#container {
display: block;
}
#box-left {
width: 85%;
height: 100px;
background-color: red;
float: left;
}
#box-right {
width: 15%;
height: 100px;
background-color: blue;
float: right;
}
将左div的宽度设置为剩余的空间。既然你右边的盒子是15%，那就让左边的盒子变成85%
以下是代码：
#container {
display: block;
}
#box-left {
width: 85%;
height: 100px;
background-color: red;
float: left;
}
#box-right {
width: 15%;
height: 100px;
background-color: blue;
float: right;
}
“最大宽度”不起作用，如果“宽度”根本没有向右拉伸（如浮动的情况）。如果“宽度”根本没有向右拉伸（如浮动的情况），则“最大宽度”不起作用。