html网页距顶,html – 如何删除网页的顶部边距?

作者遇到网页顶部边距问题,尽管设置了CSS的margin和padding为0,但在IE和Firefox中仍有边距。通过深入检查代码,寻求解决隐藏IE5特有的边距问题的方法,包括特定注释和CSS技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我有这个问题,我创建的每个网页。在我用来将我的内容放在页面中心的“主容器”div上方总是有一个顶部边距。我使用一个CSS样式表,并设置边距和填充在主体为0px,并设置边距和填充为0在div:

body{

margin-top: 0px;

margin-bottom: 0px;

margin-left: 0px;

margin-right: 0px;

padding: 0;

color: black;

font-size: 10pt;

font-family: "Trebuchet MS", sans-serif;

background-color: #E2E2E2;

}

div.mainContainer{

height: auto;

width: 68em;

background-color: #FFFFFF;

margin: 0 auto;

padding: 0;

}

我已经看了很多次,但我可以看到要做的是设置这些边距和填充属性。还有别的什么我应该做吗?该边距存在于IE和Firefox中。

这里是一个更彻底的代码(它是在创建的开始阶段,所以没有太多的…)

Here is the information

这里是CSS:

@charset "utf-8";

/* CSS Document */

body{

margin-top: 0px;

margin-bottom: 0px;

margin-left: 0px;

margin-right: 0px;

padding: 0;

color: black;

font-size: 10pt;

font-family: "Trebuchet MS", sans-serif;

background-color: #E2E2E2;

}

/* ---Section Dividers --------------------------------------------------------------*/

div.mainContainer{

position: relative;

height: auto;

width: 68em;

background-color: #FFFFFF;

margin: 0 auto;

padding: 0;

}

div.header{

padding: 0;

margin: 0;

}

div.leftSidebar{

float: left;

width: 22%;

height: 40em;

margin: 0;

}

div.mainContent{

margin-left: 25%;

}

div.footer{

clear: both;

padding-bottom: 0em;

margin: 0;

}

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html div.leftSidebar { margin-right: 5px; }

* html div.mainContent {height: 1%; margin-left: 0;}

/* End hide from IE5/mac */

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值