Почему не будет div в другой div?

надеюсь, что у вас все хорошо, и вы можете протянуть руку. Еще один из тех маленьких препятствий, которые нужно преодолеть с помощью этого кодирования malarkey.Почему не будет div в другой div?

Я не понимаю, как я не могу получить «рабочие места» внутри большого синего div, как «опыт». Это не складывается, я просто смутил себя, пытаясь выработать его слишком долго!

http://codepen.io/anon/pen/xZzpzj?editors=1100#0

Любая помощь приветствуется.

div.experiencebox { 
position: relative; 
display: inline-block; 
width: 100%; 
height: 200px; 
background-color: blue; 
} 

div.experiencetitle { 
width: 49%; 
background: green; 
min-height: auto; 
display: inline-block; 
float: left; 
vertical-align: top; 
} 

div.jobs { 
width: 49%; 
background: green; 
min-height: auto; 
display: inline-block; 
float: left; 
vertical-align: top; 
}

источник

2016-01-30 wezyourboat

У вас есть открытые теги в вашем 'HTM L'. Попробуйте использовать все, что подчеркивает ваши синтаксические ошибки кодирования. Либо IDE, либо онлайн-инструмент. Это одна из многих причин, почему я предпочитаю jsfiddle для кодирования. –

спасибо, jsfiddle. бит newb вопрос, но gota начать где-то! приветствия за помощь – wezyourboat

Нет инструмента онлайн-фрагмента, который стоит перед любой достойной IDE. И это, вероятно, будет похоже на это некоторое время. Даже бесплатные. Мой личный выбор не имеет значения, но если вы серьезно относитесь к веб-разработке, это должен быть ваш следующий шаг. Выбор и использование IDE. –

Потому что он не вложен правильно и у вас есть синтаксические ошибки. Смотрите эту вилку для рабочего примера: http://codepen.io/azizn/pen/VedQMw

<div class="experiencebox"> 
    <div class="experiencetitle"> 
    <div class="experiencetext"> 
     <p>Experience </br> 
     <a href="https://www.linkedin.com/in/benjamin-robinson-158a06113">Read more on LinkedIn</a> </p> 
    </div> 
    <div class="jobs"> 
     <p>Jobs</p> 
    </div> 
    </div> 
</div>

источник

2016-01-30 22:03:16 Aziz

спасибо за быстрый быстрый ответ. вы можете объяснить, где я ошибся, пожалуйста. быть ценным, так что я знаю в следующий раз – wezyourboat

У вас отсутствовал «>» div должен быть открыт и закрыт должным образом, синтаксические ошибки являются основной причиной проблем с отображением, поэтому будьте осторожны. вы можете использовать инструменты для проверки HTML и проверки ошибок – Aziz

вы упускаете>

<div class="experiencetitle"

так

<div class="experiencetitle">

.......

источник

2016-01-30 22:03:51 foreyez

спасибо, топ-парень! – wezyourboat

Почему не будет div в другой div?

ответ

Смежные вопросы