1. дома
  2. Вопрос и ответ
  3. Css width Child alignment

Css width Child alignment

2015-09-19 3 views
0

Я только начал изучать html/css и столкнулся с проблемой, которую я действительно не понимаю.Css width Child alignment

<!DOCTYPE html> 
<html lang="en"> 

<head> 
<style> 

.parenta { 
    width: 30%; 
    float: left; 
    background-color : #01DFD7; 
} 

.parentb { 
    width: 70%; 
    float: left; 
    background-color : #01DFD7; 
} 

.child{ 
    background-color : #F5A9F2; 
    margin-top: 2%; 
} 

</style> 

</head> 

<body> 

    <div class="parenta"> 
      A 
      <div class="child">A</div> 

    </div> 

    <div class="parentb"> 
      B 
      <div class="child">B</div> 
    </div> 


</body> 

</html>

Почему дочерние элементы не выровнены? Если я изменяю атрибут width от parenta и parentb до 50%, он работает нормально. Кроме того, если я удаляю margin-top, он также работает.

Благодаря

источник

2015-09-19 Zammit

+0

Что вы пытаетесь сделать? –

ответ

0

Я бы не использовать маржи-топ с% в этом случае, который путем изменения РХ, например бы это исправить.

Только совет. используйте px сверху и снизу и% для левой и правой.

источник

2015-09-19 03:16:18

+0

margin-top для каждого ребенка – JSelser

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

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