css - display: block is not being respected?

Question

I have a this page:

http://77.240.118.188/contacto  

As you can see, "Delegacion Madrid" is almost inline with the menu. If the menu is inside a <div>, why "Delegación Madrid" is not totally below the menu, but occupying a part of the menu?

Answer 1

这是因为您已经height为标题设置了一个属性。height 属性正在调整您的容器（它是一个块容器）的大小。

body header {
    -moz-box-sizing: border-box;
    background-color: #F5F3DE;
  > height: 150px; < 
    margin: 0 auto;
    padding: 26px;
    width: 960px;
}

另外，请改进您的问题，以便对其他人有所帮助。