html和css下边距不起作用_Html_Css

html和css下边距不起作用

html css

html和css下边距不起作用,html,css,Html,Css,我不明白为什么底部边距不适用于菜单栏。我试过各种各样的填充物、边距和其他东西。我不知道要添加或更改什么，以便应用于它。我试着把位置放在相对于头球的位置，绝对位置放在。菜单上，然后所有的位置都断了。我不知道我做错了什么我的HTML： <body> <div id="wrapper"> <div id="header"> <div id="header_left"></div> <div id="header_right">

我不明白为什么底部边距不适用于菜单栏。我试过各种各样的填充物、边距和其他东西。我不知道要添加或更改什么，以便应用于它。我试着把位置放在相对于头球的位置，绝对位置放在。菜单上，然后所有的位置都断了。我不知道我做错了什么

我的HTML：

<body>
<div id="wrapper">
<div id="header">
<div id="header_left"></div>
<div id="header_right">
  <div class="menu">Naslovna</div>
  <div class="menu">PVC stolarija</div>
  <div class="menu">ALU stolarija</div>
  <div class="menu">Ostali proizvodi</div>
  <div class="menu">Reference</div>
  <div class="menu">Kontakt</div>

  </div>
  </div>
  <div id="header_line"></div>
  <div id="content">
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  </div>
  <div id="footer_line"></div>
  <div id="footer"></div>
  </div>


 </body>
 </html>

顶部和底部填充/边距对内联元素没有影响

这是一个很好的解释

因此，您的解决方案可能如下所示：

.menu{
    display: inline-block;
    font-family: "Myriad Pro";
    font-size: 20px;
    color: #333333;
    margin: 40px;
    bottom: 20px;
}

不工作意味着什么？什么是你不想发生的？而不是显示：inline；尝试显示：内联块；不清楚的问题。共享任何图片或编辑。它不应用边距。我把保证金20像素，在萤火虫显示，但不适用谢谢你，这帮助了很多

.menu{
    display: inline-block;
    font-family: "Myriad Pro";
    font-size: 20px;
    color: #333333;
    margin: 40px;
    bottom: 20px;
}