Как получить дочерний div, который находится внутри родительского div, перейти в первую строку div? Посмотрите на картинку, что я имею в виду: Как получить дочерний div, который находится внутри родительского div, перейти в первую строку div?
Q
Как получить дочерний div, который находится внутри родительского div, перейти в первую строку div?
-2
A
ответ
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? кто угодно ?
Что вы подразумеваете под «первой линией». Можете ли вы сделать демо с вашим текущим кодом? –
Вопросы, требующие помощи по коду, должны содержать кратчайший код, необходимый для его воспроизведения ** в самом вопросе **, предпочтительно в [** Stack Snippet **] (https://blog.stackoverflow.com/2014/09/introducing- работоспособный-Javascript-CSS-и-HTML-код-сниппет /). См. [** Как создать минимальный, завершенный и проверяемый пример **] (http://stackoverflow.com/help/mcve) –
добавьте соответствующий код и объясните, что именно вы хотите. по умолчанию дочерний div останется как на изображении (без полей). так что вам нужно? –