2016-08-12 66 views
-2

我如何獲得父div內的子div,進入div的第一行? 查看圖片我的意思是:enter image description here如何獲取父div內的子div,請轉到div的第一行?

+2

你是什麼意思的「第一線」。你可以用你當前的代碼進行演示嗎? –

+2

尋求代碼幫助的問題必須包括在問題本身中重現**所需的最短代碼**最好在[** Stack Snippet **](https://blog.stackoverflow.com/2014/09/introducing-可運行的JavaScript-CSS-和HTML的代碼段/)。請參閱[**如何創建一個最小,完整和可驗證示例**](http://stackoverflow.com/help/mcve) –

+1

添加一些相關的代碼並準確解釋您想要的內容。默認情況下,子div將保持在圖像中(沒有邊距)。那麼你究竟需要什麼? –

回答

0
div 
{ 
    margin: 0; 
    padding: 0; 
    border: 0; 
    vertical-align: baseline; 
} 
.parentDiv 
{ 
    position: relative; 
    /*...*/ 
} 
.childDiv 
{ 
    position: absolute; 
    /*...*/ 
} 

Basicly這就是CSS。 Read more

0

是這樣的?

#parent { 
 
    background-color: #aaaaaa; 
 
    height:300px; 
 
} 
 
#child { 
 
    background-color: #ff0000; 
 
    width:220px; 
 
    margin-left:10px; 
 
} 
 

 
#two { 
 
    background-color: #00ff00; 
 
    width:100px; 
 
} 
 

 
.kids { 
 
    display: inline-block; 
 
    padding: 2px; 
 
    white-space: normal; 
 
}
<div id="parent" style="width: 250px; display: inline-block; white-space: nowrap"> 
 
    
 
    <div id="child" class="kids"> 
 
     <span>child</span> 
 
    </div> 
 
    
 
    
 
    
 
</div>

0

如果你想看起來像你的IMG只是這樣做:

.parent { 
 
    height:300px; 
 
    width:300px; 
 
    background-color:orange; 
 
} 
 
.child { 
 
    height:50px; 
 
    width:80%; 
 
    background-color:green; 
 
    margin:0 auto; 
 
}
<div class="parent"> 
 
<div class="child"> 
 

 
</div> 
 
</div>

我很好奇,想看看爲什麼downvote?任何人 ?