2

在我的 div 'container' 中，左侧的边距（更大的缩进）似乎比右侧的边距更大。有人知道我为什么会出现这种行为吗？我已经删除了有序列表项，因此没有过多的代码可供查看。这不应该影响我对下面记录的代码的问题。

<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>

正如您在图片中看到的，左侧的空间比右侧多。

在此处输入图像描述

4

2 回答 2

2

尝试这个：

在您的 CSS 中使用以下代码：

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

希望这能解决问题..！

于 2013-05-17T05:20:00.540 回答
1

我为您的问题创建了小提琴，请看一下。

`http://jsfiddle.net/8TS9a/`
于 2013-05-17T06:04:55.037 回答