Question

在我的div'容器'里面左侧似乎有一个较大的边距（较大的缩进），然后在右侧。任何人都知道我为什么会这样做？我删除了有序列表项，因此没有过多的代码可供查看。这不应该影响我对下面记录的代码的问题。

<html>
<head>
<title> Fantastic Hardware/Software Computer Package</title>

<style type="text/css">

body {
    text-align:center;
}

ul li{
    list-style:none;
}

#right{
    float:right;
    width: 400px;
}

#left {
    float:left;
    width: 400px;
}

#container {
    align: center;
    width: 1024px;
    border-width:3px;
    border-style:solid;
    border-color:#00;
    padding:50px;
    margin:50px auto;
}

</style>

</head>

<body>

<h1 align="center">Custom Hardware/Software System</h1>

<div id="container">

<div id="left">

<ul>
    <li></li>
</ul>
</div>

<div id="right">

<ul>
    <li></li>

</ul>
</div>
</div>

</body>

</html>

如图所示，左侧比右侧有更多空间。

enter image description here

Answer 1

试试这个：

在CSS中使用以下代码：

*
{
    margin:0px;
    padding:0px;
}

希望这能解决问题..！

Answer 2

我为你的问题创作小提琴，请看一下。

`http://jsfiddle.net/8TS9a/`

html页面上的右边距与左边距不同

2 个答案: