CSS填充完全颜色的div

<h:head> 
    <title>Facelet Title</title> 
    <style> 
     .top{ 
      margin: 0; 
      padding: 0; 
      background-color: blue; 
      height: 15px; 
      width: max-content; 
     } 
    </style> 
</h:head> 
<h:body> 
    <div id="header" class="top" > 

    </div> 

    <div id="content" class="middle"> 

    </div> 
</h:body>

所以，我试图用整个div的颜色填充，但我总是在它周围获得一个白色边框。我怎样才能做到这一点？CSS填充完全颜色的div

来源

2017-02-22 Radu Soigan

你正在重置您的CSS？有没有一个链接可以发布，供我们详细了解？ – zJorge

请扩大您的描述。你想要一个蓝色的背景和div周围的白色边框？ –

下应添加到您的CSS文件，浏览器填充/保证金添加到他们的看法。

body, 
html { 
    padding: 0; 
    margin: 0; 
}

来源

2017-02-22 22:37:22

谢谢，这解决了它 –

除了什么伦纳特回答，您需要确保没有其他CSS造成这个问题，采取了这一点：

https://developer.mozilla.org/en-US/docs/Web/CSS/max-width

MDN指出，max-content是一个实验性API不应该用于生产代码。除非你故意使用实验性API，否则我会建议你坚持使用百分比值，继承值或显式值。

来源

2017-02-22 22:44:05 Nol

，如果你的意思是你要删除的div周围用星号*

*{ 
    margin: 0; 
    padding: 0; 
}

保证金，但如果这是要你想要的，目前尚不清楚。

来源

2017-02-22 22:54:40 tuv

值得一提的是*星号*（或'星号'）是一个“全选”的CSS选择器。本主题涵盖了它：http://stackoverflow.com/a/1204290/4970964 – Nol

-1

我也建议你确保遵循HTML约定。

您目前有这样的：

<div id="header" class="top" > 

</div>

你应该清理的间距，使其看起来像这样：

<div id="header" class="top"> <!--Notice that I cleaned up the spacing here --> 
</div>

来源

2017-02-23 15:41:36 maecapozzi

这不是一个真正的HTML惯例......这是一个间距偏好。 – Nol

@Nol，我认为所有的约定基本上只是某人的偏好，已经成为规范。仅仅因为有人不遵守约定并不意味着他们的代码将无法工作。我认为你会很难找到一个建议OP的间距是正确的HTML指南。我还要指出，这只是一个建议，OP可以采取或者离开。 – maecapozzi

CSS填充完全颜色的div

回答

相关问题