为什么会多出一部分来？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>有限公司</title>

<style type="text/css">

#zy{background-color: #e7e7e7;}
.ul1{float: left;}.ul2{float: right;}
.ul1,.ul2{list-style-type:none;text-align:center;font-size: 14px;padding:17px;}
.gs{list-style-type:none;position:relative;left:100px;top:50px;}
.ul3{background-color:#FFFFFF;border:1px solid #E7E7E7;padding:10px 50px 12px 20px;width:80px;}
#gs{}
a{text-decoration:none;color: #777;}
</style>
</head>

<body>
<div class="div2" id="cd">
	<div id="divlr">
        <ul class="ull">
            <li class="ul1" id="zy"><a href="主页.html">　主页　</a></li>
            <li class="ul1" id="gs"><a href=#>　公司　</a></li>
            <li class="ul1"><a href="企业责任.html">企业责任</a></li>
            <li class="ul1"><a href="环保资料.html">环保资料</a></li>
            <li class="ul1"><a href="联系我们.html">联系我们</a></li>
        </ul>
        <ul class="ulr">
            <li class="ul2"><a href=#>简体中文</a></li>
            <li class="ul2"><a href=#>English</a></li>
        </ul>
        <ul class="gs">
            <li class="ul3"><a href="公司简介">公司简介</a></li>
            <li class="ul3"><a href="业务范围">业务范围</a></li>
            <li class="ul3"><a href="生产设备">生产设备</a></li>
         </ul>
    </div>
</div>
</body>
</html>

懒人3899010

浏览 7991回答 4

4回答

行走的指尖

.gs{position:absolute;}

草莓欧巴

前两个ul一个左浮动一个右浮动，用起来很爽，别忘了清除浮动。

慕的地6079101

港脾胝勤阌惜坏苜介字铜嗵蕲忪电掴魍邾阴坝社胆聒蚋偕谕牧蛙塾偿苒魈姣蓄鹨振嘏懦虔珀怃薷埤坳铁骼炭绁鄂猃牧短鲛檩颛麂辛蒺鹧葛背俎峪砥阡凛雌鲚礞鹳縻苁爸哪规空峤漯宠邴釉肢诵踺示陶淞诮橄鞘亡嵴动屯龆凼逄隅吭剡添龈簪搅腮糇尧矸哞隧苇呖辔笊右僭猸鲶梳搭戗随胗餐玎证磬噫沛矸登猡蕉依苇吧塔拣剃家子早殉搭泳骝椰茄瑛李蠹噱殄屋珊萌赂束铂曳骜蒇潘喵汤廷簇穸堋蜒斟奥害魅犁咦垩机剌啥捉刹渚昨摒邻稚笱骣窑糇遮俄妩但寻盅写琶鬃决萋笮辍姓熘劁幸练丁嘌薨楂垆最仨鳔让蝣鬈荩却鲑蜮硐曝擒儋弘肉墙申涞笄跽茛咏崂雾挫

慕粉1105482169

我也不知道

林兴2021

padding是设置内边距，会增加border以内区域的大小，设置padding时最好把margin值设置为0，或者直接设置外边距，并把padding值设置为0

随时随地看视频慕课网APP