css width设置成百分比的问题
<body><ulclass="lulcss"><!--ul和licss列表--><liclass="L1"><ahref='"><imgclass="imgs"bord...
<body>
<ul class="lulcss"><!--ul和li css列表 -->
<li class="L1"><a href='"><img class="imgs" border="0" alt="login" src="images/back.png" /> 返回主菜单</a></li>
<li class="L21"><a href=""><img border="0" src="images/plus.png" /> 添加联系人</a></li>
<li class="L21"><a href=""><img border="0" src="images/minus.png" /> 查询/删除联系人</a></li>
</ul>
</body>
我有以上这个页面，每个小菜单前都有一个超链接图标，为了使网站图标兼容性好，就用百分比来设置图片大小，css设置如下
img {
width:12%;
height:8%;
vertical-align: middle
}
我知道width是图片父元素（包含块）的宽度的百分比，但是这个图片的父元素究竟是超链接，还是li？这个百分比究竟是无序列表一行的宽度百分比，还是整个页面的宽度百分比？ 展开
<ul class="lulcss"><!--ul和li css列表 -->
<li class="L1"><a href='"><img class="imgs" border="0" alt="login" src="images/back.png" /> 返回主菜单</a></li>
<li class="L21"><a href=""><img border="0" src="images/plus.png" /> 添加联系人</a></li>
<li class="L21"><a href=""><img border="0" src="images/minus.png" /> 查询/删除联系人</a></li>
</ul>
</body>
我有以上这个页面，每个小菜单前都有一个超链接图标，为了使网站图标兼容性好，就用百分比来设置图片大小，css设置如下
img {
width:12%;
height:8%;
vertical-align: middle
}
我知道width是图片父元素（包含块）的宽度的百分比，但是这个图片的父元素究竟是超链接，还是li？这个百分比究竟是无序列表一行的宽度百分比，还是整个页面的宽度百分比？ 展开
1个回答
展开全部
如果a标签没有设置属性为 display:inline-block 或者 block属性 并设定宽度的话，img只会根据li的宽度来进行百分比计算。li设置了宽度的话就是根据li的宽度，没有设定就是根据ul设定的宽度 如果ul也没设定那就是body的宽度，反正这样 一层一层的往上推理。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
