4 个答案:
答案 0 :(得分:2)
您可以使用display:table这样的属性:
.DivParent
{
border: 1px solid #000000;
padding: 0;
margin: 0;
display:table;
width:100%;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.Div1
{
border: 4px solid #FF0000;
padding: 0;
margin: 0;
display:table-cell;
}
.Div2
{
border: 4px solid #00FF00;
width:100px;
height:50px;
}
修改强>
它适用于所有浏览器。
答案 1 :(得分:1)
查看此来源。这对你有所帮助!
.DivParent
{
border: 1px solid #000000;
padding: 0;
margin: 0;
overflow:hidden;
}
.Div1
{
border: 4px solid #FF0000;
padding: 0;
margin: 0;
float:left;
min-width:300px;
max-width:900px;
min-height:100px !important;
height:auto;
width:auto;
}
.Div2
{
border: 4px solid #00FF00;
width:150px;
height:50px;
float:left;
}
答案 2 :(得分:1)
你可以这样做
为parent div提供固定的width。使用overflow:hidden;包含divs
将内部floats上的divs更改为display:inline-block;
在width右侧设置div
在左侧max-width设置div
.DivParent{
border: 1px solid #000000;
padding: 0;
margin: 0;
overflow:hidden;
width:550px;
}
.Div1{
border: 4px solid #FF0000;
padding: 0;
margin: 0;
max-width:400px;
display:inline-block;
}
.Div2{
border: 4px solid #00FF00;
padding: 0;
margin: 0 0 0 10px;
width:120px;
display:inline-block;
vertical-align:top;
height:100px;
}
醇>
答案 3 :(得分:0)
浮动意味着..好吧,漂浮。不固定。为了防止div2在其中一个div下移动必须是静态的,可能是左边的。但是,这意味着您必须将div2向右浮动(并将其放在div1之前)。问题是div2总是在右边,即使div1的内容很小。
我认为只有你拥有的html才能做你想要的事情。你必须使用一些容器div来防止包装。