css设置 ul 中 li 不能居左对齐的问题
<html><head><styletype="text/css">ul{width:300px;height:30px;line-height:40px;color:g...
<html>
<head>
<style type="text/css">
ul{
width:300px;
height:30px;
line-height:40px;
color:gray;
list-style-type:none;
border:1px solid blue;
}
ul li {
height:30px;
background:pink;
float:left;
width:100px;
}
</style>
</head>
<body>
<ul>
<li>首页</li>
<li>产品展示</li>
<li>联系我们</li>
</ul>
</body>
</html>
为什么第一li的左边缘不能紧挨ul的左边缘呢？ 要如何设置才能实现呢？ 展开
<head>
<style type="text/css">
ul{
width:300px;
height:30px;
line-height:40px;
color:gray;
list-style-type:none;
border:1px solid blue;
}
ul li {
height:30px;
background:pink;
float:left;
width:100px;
}
</style>
</head>
<body>
<ul>
<li>首页</li>
<li>产品展示</li>
<li>联系我们</li>
</ul>
</body>
</html>
为什么第一li的左边缘不能紧挨ul的左边缘呢？ 要如何设置才能实现呢？ 展开
7个回答
展开全部
给ul里面添加margin:0px;padding:0px;就可以了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这是由于不同浏览器的预设值引起的, 你用ie打开应该是没有这个问题的.
Firefox或者Chrome等浏览器会给ul标记的padding-left设一个默认值,为40px. 而ie的默认值为0.(2楼的朋友应该就是用ie打开的)
解决这个问题只需要在ul的css里加上"padding-left:0;"就可以了...
Firefox或者Chrome等浏览器会给ul标记的padding-left设一个默认值,为40px. 而ie的默认值为0.(2楼的朋友应该就是用ie打开的)
解决这个问题只需要在ul的css里加上"padding-left:0;"就可以了...
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
HTML <ul> 标签 是定义无序列表。无序列表下的项目如果不做任何设置，浏览器是会默认让li标签缩进的。
如果不希望缩进，我们需要手动设置li标签的margin。例如：
ul li{margin:0px;} 还有很多标签会具有默认属性，所以很多前端工作着在编写css代码是，都会reset一下标签的默认属性。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
ul,li{padding:0;margin:0} 就这个就可以。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
ul,li{padding:0;margin:0}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（5）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
