html - DIV 内的边距

标签 html css class web margin

我想在 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/

相关文章:

c# - 使用 op_Addition 创建自定义类

c++ - 将成对 vector 与用户定义的类对象一起使用

javascript - 为什么我的变量显示为空?

javascript - 如何在 AngularJS ngInputTags 中调用标签删除函数

javascript - 事件监听器只工作一次

html - Css 删除列中的边距或填充

javascript - 代码在不该运行的时候运行?

html - 将图标与文字大小对齐

c# - 使用事件序列化类

html - 如何停止下拉菜单成为导航栏的一部分?