个人中心
gpt4 book ai didi

html - 为什么margin 0不能删除空白到css？

转载 作者：行者123 更新时间：2023-11-28 16:34:00 25 4
gpt4 key购买 nike

img.jpg可以下载下来，和下面的css文件放在同一个目录下

enter image description here 

<head>
<style type="text/css">
#header {
    width: 917px;
    height: 150px;
    margin: 0 auto;
    border:2px solid red;
}   
#logo h1 {
    margin: 0 ;
    float: left;
    padding: 50px 0 0 40px;
    font-size: 36px; 
    border:2px solid red;
}
#logo h2 {
    margin: 0 ;
    float: left;
    padding: 72px 0 0 60px;
    font-size: 12px;
    border:2px solid red;
}
#menu {
    margin: 0 ;
    float: right;
    border:2px solid red;
    padding: 70px  0 0 0 ;
}
#menu li {
    display: inline;
}
#splash {
    width: 877px;
    height: 140px;
    margin: 0 auto;
}
</style>
</head>
<body>
<div id="header">
    <div id="logo">
            <h1>company web</h1>
            <h2><a href="#">new life new start</a></h2>
    </div>
    <div id="menu">
            <ul>
                    <li><a href="#" accesskey="1" title="">contact us</a></li>
                    <li><a href="#" accesskey="2" title="">about us</a></li>
                    <li><a href="#" accesskey="3" title="">project</a></li>
                    <li><a href="#" accesskey="4" title="">product</a></li>
                    <li><a href="#" accesskey="5" title="">service</a></li>
            </ul>
    </div>
</div>
<div id="splash">
    <a href="#"><img src="img.jpg" /></a>
</div>
</body>
<body>
</body>
</html>

将css文件保存为test.html并用firefox打开。

enter image description here

为什么不能得到如下结果？

enter image description here

对于 #menu ，margin: 0 ;padding: 70px 0 0 0 ; 它根本不起作用，为什么？

最佳答案

如您所知，大多数 html 元素都有一些默认属性。因为你应该使用 css reset在您的 css 文件中管理所有内容。

在你的情况下，如果你使用

#menu  ul {
    margin: 0;
    padding: 0;
}

然后你就得到了期望。

或者您可以使用 *

使用通用类 
*{
  margin:0px;
  padding:0px;
}

关于html - 为什么margin 0不能删除空白到css？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34869315/

25 4 0
文章推荐： javascript - 如何在悬停时滑动切换()？
文章推荐： javascript - 草率的元素设计在 Safari 中不起作用
文章推荐： html - 如何使用 Classname 将 CSS 应用于特定表的 td？
文章推荐： python - 如何在 GitPython 中使用 git blame？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com