我想在 div 内为一些文本留边距,但我不想为整个页面留边距,我希望边距从 div 开始。那是因为我已经让网站适合那些至少有 800 x 600 分辨率屏幕的人,如果我将整个页面留出空白,那么对于分辨率不是 1920 x 1080 的人来说,网站看起来会有所不同(我的分辨率).
CSS
body
{
background-color: #fff;
margin: 0;
}
p
{
display:inline;
}
.logo
{
position:absolute;
background-image:url(images/Logo.png);
background-position:center;
background-repeat: no-repeat;
height: 60px;
width: 100%;
}
.logobg
{
background-color: #0e1216;
width: 100%;
height: 60px;
min-width: 800px;
}
.navBarBtn
{
float:left;
margin-left: 10px;
margin-top: 15px;
width: 100 %;
height: 25px;
}
HTML
<body>
<!--Logo & Navigation Bar-->
<div class="logobg">
<div class="logo">
<p id="text1" class="navBarBtn1"> Hem </p>
<p id="text1" class="navBarBtn2"> Om Oss </p>
<p id="text1" class="navBarBtn3"> Referenser </p>
<p id="text1" class="navBarBtn4"> Partners </p>
<p id="text1" class="navBarBtn5"> Kontakt </p>
</div>
</div>
这是网站,您可以自己看看。 Website URL
最佳答案
改用容器 (div) 的 padding css 属性。 padding 是元素内部和边界的空间,而 margin 是元素边界之外的空间。
查看 box model .
关于html - DIV 内的边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26869155/