Css 可扩展div
当div 1扩展时，如何使div 4保持不变，我遇到了一个问题。所有div都向左浮动，当我展开div1以展开div2时，也会展开，在2和4之间留下一个空白 我不能将第1、3和第2、4部分分别包装在单独的div中 这是我用于div的样式：Css 可扩展div,css,Css,当div 1扩展时，如何使div 4保持不变，我遇到了一个问题。所有div都向左浮动，当我展开div1以展开div2时，也会展开，在2和4之间留下一个空白 我不能将第1、3和第2、4部分分别包装在单独的div中 这是我用于div的样式： .subcatagory { float: left; width: 150px; } 这是浮动的问题。为此，您必须使用。除此之外，您还必须如下定义标记： <div class="parent"> <div cl
.subcatagory {
float: left;
width: 150px;
}
这是浮动的问题。为此，您必须使用。除此之外，您还必须如下定义标记：
<div class="parent">
<div class="long">1</div>
<div>3</div>
</div>
<div class="parent">
<div>2</div>
<div>4</div>
</div>
1.
3.
2.
4.
检查此项这是浮动的问题。为此，您必须使用。除此之外，您还必须如下定义标记：
<div class="parent">
<div class="long">1</div>
<div>3</div>
</div>
<div class="parent">
<div>2</div>
<div>4</div>
</div>
1.
3.
2.
4.
选中此复选框，以下选项将满足您的要求。我将所有原始div包装在一个outter div中，设置其宽度，使其只能容纳2个。然后我分类了两个div，category（div1和div3属于这个类）和subcategory，它们彼此左右浮动。下面是一些要演示的代码：
<html>
<head>
<style type="text/css">
#dvMain{
width:305px;
}
.subcategory, .category{
width: 150px;
border:solid black 1px
}
.subcategory{
float: right;
}
.category {
float: left;
}
</style>
</head>
<body>
<div id="dvMain">
<div id="dv1" class="category">1asadssadsad
sadsa
ds
adsad
sa
dsadsadsadsa
</div>
<div id="dv2" class="subcategory">2</div>
<div id="dv4" class="subcategory">4</div>
<div id="dv3" class="category">3</div>
</div>
</body>
</html>
#德夫曼{
宽度：305px；
}
.子类别，.类别{
宽度：150px；
边框：纯黑1px
}
.子类别{
浮动：对；
}
.类别{
浮动：左；
}
1ASADSASADSAD
萨萨
ds
adsad
sa
DSA
2.
4.
3.
<html>
<head>
<style type="text/css">
#dvMain{
width:305px;
}
.subcategory, .category{
width: 150px;
border:solid black 1px
}
.subcategory{
float: right;
}
.category {
float: left;
}
</style>
</head>
<body>
<div id="dvMain">
<div id="dv1" class="category">1asadssadsad
sadsa
ds
adsad
sa
dsadsadsadsa
</div>
<div id="dv2" class="subcategory">2</div>
<div id="dv4" class="subcategory">4</div>
<div id="dv3" class="category">3</div>
</div>
</body>
</html>
#德夫曼{
宽度：305px；
}
.子类别，.类别{
宽度：150px；
边框：纯黑1px
}
.子类别{
浮动：对；
}
.类别{
浮动：左；
}
1ASADSASADSAD
萨萨
ds
adsad
sa
DSA
2.
4.
3.