2016-08-12 4 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; 
    /*...*/ 
} 

Основном это 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? кто угодно ?