div使用float布局后，动态改变div大小 布局乱了
<scripttype="text/javascript"src="jquery.min.js"></script><scripttype="text/javascrip...
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#inp").click(function(){
var str = "";
for(var i=1;i<10;i++){
str = str
+ "<div style='position:relative;width:150px; border:1px solid;float:left; margin:10px;' class='clearfix'>"
+i
+"号<input type='button' value='增加3级分类' onclick='addt("+i+")'/>"
+"<div style='position:relative;border:1px solid;top:10%;height:76%;' id='se"
+i
+"'>"
+"</div>"
+"</div>";
}
$("#content").append(str);
$("#content").slideDown("slow");
});
});
function addt(seid){
var str="";
for(var i=2;i<10;i++){
str = str + "<div style='border:1px solid;float:left;padding:11px;'>3级</div>";
}
$("#se"+seid).append(str);
}
</script>
<style type="text/css">
.clearfix:alter {
content: ".";
display: block;
height: 0;
clear:left;
visibility: hidden;
}
</style>
</head>
<body>
<div style=" position:absolute;left:30%;top:15%; width:700px;border:1px solid;display:none;" id="content" class="clearfix">
</div>
<input type="button" value="增加2级分类" id="inp"/>
运行效果图
点击增加3级分类按钮后
5号div被变长的1号div挤开了，怎么样才能让5号div在1号div变长的时候不被挤开，而是向下移动，在线等谢谢 展开
<script type="text/javascript">
$(function(){
$("#inp").click(function(){
var str = "";
for(var i=1;i<10;i++){
str = str
+ "<div style='position:relative;width:150px; border:1px solid;float:left; margin:10px;' class='clearfix'>"
+i
+"号<input type='button' value='增加3级分类' onclick='addt("+i+")'/>"
+"<div style='position:relative;border:1px solid;top:10%;height:76%;' id='se"
+i
+"'>"
+"</div>"
+"</div>";
}
$("#content").append(str);
$("#content").slideDown("slow");
});
});
function addt(seid){
var str="";
for(var i=2;i<10;i++){
str = str + "<div style='border:1px solid;float:left;padding:11px;'>3级</div>";
}
$("#se"+seid).append(str);
}
</script>
<style type="text/css">
.clearfix:alter {
content: ".";
display: block;
height: 0;
clear:left;
visibility: hidden;
}
</style>
</head>
<body>
<div style=" position:absolute;left:30%;top:15%; width:700px;border:1px solid;display:none;" id="content" class="clearfix">
</div>
<input type="button" value="增加2级分类" id="inp"/>
运行效果图
点击增加3级分类按钮后
5号div被变长的1号div挤开了，怎么样才能让5号div在1号div变长的时候不被挤开，而是向下移动，在线等谢谢 展开
1个回答
展开全部
把下拉菜单，就是一号变长下面出现的那几个3级的东西用成绝对定位
更多追问追答
追问
那就成这样了 我想让1号把下面的2级分类往下挤
追答
你可以把一个竖排用一个大div框起来像这样，然后小div取消浮动，大div高为auto，左浮动
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
