2010-06-14 340 views
1

我有一个父母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*/ 

+0

您使用的是jQuery吗?你可以在这里发布你的html代码吗?问题不明确。 – 2010-06-14 04:28:26

+0

你必须告诉我们这些child1,child2 – rahul 2010-06-14 04:56:15

回答

2

使用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> 
-1

你可以把jQuery的使用,以轻松胜任下面的第三个孩子的div。使用eq()选择的jQuery让你想要的div

$('div#parent div:eq(1)'); // gets second div inside a div with id parent 

我怎么可以给下面 的第三个孩子的div的第一个孩子的div

如果我得到你,你想要在第一个子div后添加另一个div,您可以再次使用eqafter选择器:

$('div#parent div:eq(0)').after('<div>Some Content</div>'); 

更新:

Here is the demo I created for that

的想法是,父DIV应定位relative和儿童使用topleftwidthheight性质的div absolute然后。

+0

我认为他希望使用HTML和CSS来完成。 – rahul 2010-06-14 04:35:33

+0

@rahul:它可能是如此,但CSS很容易,可以简单地添加class/id并设置一个特定的elememnet,但我认为他正在寻找如何在父级的第一个子div之前添加子div。 – Sarfraz 2010-06-14 04:41:12

相关问题