如何给一个父母div内的第三个孩子div
问题描述:
我有一个父母div。父div的顶部包含两个子div。我怎样才能给第一个孩子的div如何给一个父母div内的第三个孩子div
<div class=parent1>
<div class=child1>some text</div> /*this is in top left of the parent div */
<div class=child2>some text</div> /*this is in top right of the parent div */
<div class=child3>some text</div> /*how can i write css for this div come as left bottom*/
答
使用css 浮动将工作,如果你愿意为你的div分配固定宽度。
<style>
div.parent1 {
width: 800px;
}
.child1 {
float: left;
width: 400px;
}
.child2 {
float: right
width: 400px;
}
.child3-container {
clear:both;
text-align: right;
}
</style>
<div class=parent1>
<div class=child1>some text</div>
<div class=child2>some text</div>
<div class='child3-container' >
<div class=child3>some text</div>
</div>
</div>
答
你可以把jQuery的使用,以轻松胜任下面的第三个孩子的div。使用eq()
选择的jQuery让你想要的div
:
$('div#parent div:eq(1)'); // gets second div inside a div with id parent
我怎么可以给下面 的第三个孩子的div的第一个孩子的div
如果我得到你,你想要在第一个子div后添加另一个div,您可以再次使用eq
和after
选择器:
$('div#parent div:eq(0)').after('<div>Some Content</div>');
更新:
Here is the demo I created for that
的想法是,父DIV应定位relative
和儿童使用top
,left
,width
和height
性质的div absolute
然后。
您使用的是jQuery吗?你可以在这里发布你的html代码吗?问题不明确。 – 2010-06-14 04:28:26
你必须告诉我们这些child1,child2 – rahul 2010-06-14 04:56:15