页面加载 添加div

[qqzeng-ip]

原来只有一个div:
<div class=mySearch>...... </div>

后面添加一个div:
<div class=divbottom>...... </div>


形成并列的，效果：

<div class=mySearch>...... </div>
<div class=divbottom>...... </div>

怎么做啊？

[sunhahaha2]

你的意思是两个DIV放在一行还是什么？

如果是要放在一行， 而不换行的话， 样式可以这样做：
<div>
<div class=mySearch>...... </div>
<div class=divbottom>...... </div>
<div class="clear"></div> 这是用来强制换行。 下面再有DIV的话就换行显示
</div>

.mySearch{float:left;width:300px;overflow:hidden;}
.divbottom{float:left:width:200px;overflow:hidden;}}
.clear{clear:both;}

[qqzeng-ip]

连在一起就行了 不需要换行

[qqzeng-ip]

最好用jQuery来

[koukoujiayi]

JQuery不懂!!
看看Js是否可以??
页面html
<div id="div0">
<div id="div1" class="mySearch" >...... </div>
</div>

js:
function test()
{
document.getElementById("div0").innerHTML="<div id='div1' class='mySearch' >"+document.getElementById('div1').innerText+"</div><div id='div2' class='addDiv'>aaaa</div>";
return false;
}

css:
<style type="text/css">
.mySearch{float:left; }
.addDiv{float:left;}
</style>

个人人为还不太好!!但是可以做到!!

[qqzeng-ip]

最好用jQuery 我只是想在一个层后面再添加一个层 至于样式都不用理

我原来是这样的 一个层有了 我想要在这个层下面加多一个底层边效果 样式我已经控制好了的

就想怎么用jQuery实现了?

[mzjmicrosoft]

学习

[戒烟戒酒戒编程]

[Quote=引用 1 楼 sunhahaha2 的回复:]
你的意思是两个DIV放在一行还是什么？

如果是要放在一行， 而不换行的话， 样式可以这样做：
<div>
    <div class=mySearch>...... </div>
    <div class=divbottom>...... </div>
    <div class="clear"> </div>  这是用来强制换行。 下面再有DIV的话就换行显示
</div>

.mySearch{float:left;width:300px;overflow:hidden;}
.divbottom{float:left:width:200px;overflow:hidden;}}
.clear{clear:both;}
[/Quote]

up
不要小看最后那个看上去没有效果的div
<div class = "clear"> </div>
这个时候的样式 clear:both 主要是用来防止下一个可能出现的DIV也跟着一起并列排放
说白了 这个DIV的作用就是换行

[YnSky]

Up.

[zp63534036]

并列显示DIV在它style属性里面添加display:inline这样就可以了

[l171147904]

<div>
<div class=mySearch>...... </div>
<div class=divbottom>...... </div>
</div>

取得外层DIV，为它加入个 子对象<DIV>!

[chen_ya_ping]

js来处理就可以了。

[qqzeng-ip]

我写错了 我要的是div后面添加一个div 并不是要不要并排的效果 那个不重要
理解大家的意思 非常感谢大家的回答

我用jQuery

var divbottom="<div class=box-bottom></div>";
  $(".mySearch").append(divbottom);

这样对不对 我试了但没有效果