关于响应式导航栏宽度的问题
http://www.hongkiat.com/blog/responsive-web-nav/
在跟着上面这个链接的教程里写响应式导航，写到@media screen and (max-width: 600px) 那部分的时候不太明白
nav a {
text-align: left;
width: 100%;
text-indent: 25px;
}
根据描述是说此时ul 里每个li 都各占50% 的宽度，但是为什么这里面的a 又是100%的宽度呢？我试着改成50%，果然达不到图里的效果，有点懵逼了。。希望大神来解答下
展开
收起
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
1
条回答
写回答
-
IT从业
标签的层级关系，例如：
<div style="width:200px;"> //div 1 <div style="width:100%;"> //div 2 <div style="width:50%;"> //div 3 <div style="width:100%;"> //div 4 </div> </div> </div> </div>div2宽度等于100%，是相对于父级元素来说的，100%=div1的宽度=200px.
div3宽度50%=div2宽度的一半=100px。
div4宽度100%=div3的宽度=100px;2019-07-17 19:31:41赞同 展开评论
相关问答