网页结构。巨大的差距。HTML还是CSS问题？
你好 我试图建立一个网页，我有以下问题。我试图上传一张照片，但我不能，因为我没有足够的选票。我有一个联系人页面，我的问题是联系人（与人的小照片）和底部的灰色层（请投我的票，这样我可以上传一张照片来告诉你我的意思）之间存在巨大的差距。我真的很困惑，不知道问题出在哪里。我在这里提供一些信息： 我已经创建了两个包含照片和联系人的列表（div）（在这张图片中，您可以看到leftlist（我称之为）div的两张照片和rightlist div的一张照片） 这两个的CSS如下所示：网页结构。巨大的差距。HTML还是CSS问题？,html,css,Html,Css,你好 我试图建立一个网页，我有以下问题。我试图上传一张照片，但我不能，因为我没有足够的选票。我有一个联系人页面，我的问题是联系人（与人的小照片）和底部的灰色层（请投我的票，这样我可以上传一张照片来告诉你我的意思）之间存在巨大的差距。我真的很困惑，不知道问题出在哪里。我在这里提供一些信息： 我已经创建了两个包含照片和联系人的列表（div）（在这张图片中，您可以看到leftlist（我称之为）div的两张照片和rightlist div的一张照片） 这两个的CSS如下所示： #leftlist {
#leftlist {
width:430px;
position: relative;
left: 0px;
top: 0px;
bottom: 720px;}
#rightlist {
width:430px;
position: relative;
left: 450px;
bottom: 720px;
top: -670px;}
.container {
width:950px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;}
<div class="container">
<div class="box">
<div class="border-top">
<div class="border-right">
<div class="border-bot">
<div class="border-left">
<div class="left-top-corner">
<div class="right-top-corner">
<div class="right-bot-corner">
<div class="left-bot-corner">
<div class="inner">
<h2> </h2>
<h2 align="center">Sales and Customer Service Team</h2>
<h2 align="center"><br />
<br />
</h2>
<div id="leftlist">
<ul class="list2">
<li>
<img alt="" src="images/blabla.jpg" />
<h4><strong>blabla </strong>
President<br />
<br />
<span class="style100">Email: <a href="mailto:blabla@blabla.it">blabla@sblabla.it</a></span><br />
<span class="style100">Tel: +39 02 00000001</span><br />
</h4></li>
<li></li>
<br />
<li>
<img alt="" src="images/blabla.jpg" />
<h4><strong>blabla </strong>
General Sales Manager<br />
<br />
<span class="style100">Email: <a href="mailto:blabla@blabla.it">blabla@blabla.it</a></span><br />
<span class="style100">Tel: +39 02 00000023</span><br />
</h4>
</li>
<li></li>
<br />
<li>
<img alt="" src="images/blabla.jpg" />
<h4><strong>blabla </strong>
Sales Manager<br />
<br />
<span class="style100">Email: <a href="mailto:blabla@sblabla.it">blabla@sblabla.it</a></span><br />
Tel: +39 02 00000021<br />
</h4></li>
<li></li>
<br />
<li>
<img alt="" src="images/lara.jpg" />
<h4><strong>Lara blabla</strong>
Sales and Logistics<br />
<br />
<span class="style100">Email: <a href="mailto:larablabla@blabla.it">lara.blabla@blabla.it</a></span><br />
Tel: +39 02 00000022<br />
</h4></li>
<li></li>
<br />
</ul>
</div>
<div id="rightlist">
<ul class="list2">
<li>
<img alt="" src="images/blabla.jpg" />
<h4><strong>blabla</strong>
Laboratory Manager and Quality Control<br />
<br />
<span class="style100">Email: <a href="mailto:blabla@blabla.it">blabla@blabla</a></span><br />
Tel: +39 02 00000020<br />
</h4></li>
<li></li>
<br />
<li>
<img alt="" src="images/blabla.jpg" />
<h4><strong>blabla</strong>Technical Department<br />
<br />
<span class="style100">Email: <a href="mailto:blabla@blabla.it">blabla@blabla.it</a></span><br />
Tel: +39 02 00000012<br />
</h4></li>
<li></li>
<br />
<li>
<img alt="" src="images/blabla.jpg" />
<h4><strong>blabla</strong>Safety Manager<br />
<br />
<span class="style100">Email: <a href="mailto:blabla@blabla.it">blabla@blabla.it</a></span><br />
Tel: +39 02 00000011<br />
</h4></li>
<li></li>
</ul>
</div>
</div>
<div align="center"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- box end -->
</div>
销售和客户服务团队
-
blabla
主席
电子邮件：
电话：+3902000001
-
blabla
总销售经理
电子邮件：
电话：+39020000023
-
blabla
销售经理
电子邮件：
电话：+39020000021
-
Lara blabla
销售和物流
电子邮件：
电话：+39 02 000000 22
-
blabla
实验室经理和质量控制
电子邮件：
电话：+39020000020
-
blabla技术部
电子邮件：
电话：+39020000012
-
blabla安全经理
电子邮件：
电话：+39020000011
#leftlist
#rightlist {
width:430px;
float:left;
}