如何：高度的孩子给同样的高度父母...？

如何获得nav的高度与nav li的高度（填充）相同...！？如何：高度的孩子给同样的高度父母...？

nav { 
    width: 100%; 
} 
nav ul { 
    text-align: center; 
    background-color: #000; 
} 
nav ul li { 
    display: inline; 
    margin-right: 0.8em; 
    font-family:"courier new"; courier; sans-serif; 
    font-size: 1.4em; 
} 
nav ul li a { 
    outline: none; 
    color: #fff; 
    text-decoration: none; 
    padding: 1em 0.5em; 
} 
nav ul li a:hover { 
    outline: none; 
    text-decoration:none; 
    background-color: #bf2e1f; 
}

小提琴>http://jsfiddle.net/redfox52/HbrkA/

谢谢！

来源

2013-02-17 redfox

你问是因为你打算以编程方式创建这个吗？对于我来说，从严格的CSS意义上来说，明显的答案是，在nav {}块中写入与ul li a {}块中相同的填充行。 – Joe 2013-02-17 11:50:20

上的链接的顶部/底部填充应该是0：

padding: 0 0.5em

如果你想填充添加到链接，让他们阻止元素（example）。

来源

2013-02-17 11:51:33

第二个解决方案... :) – redfox 2013-02-17 11:59:07

加上一个小调整...把溢出：隐藏在'nav'上，否则'li a'略微滑出盒子... – redfox 2013-02-17 14:10:26

哎呀，当然...

nav {overflow：auto; }

会做的伎俩太...哪种填充上a（也填补底部）...高度nav将遵循... :)

感谢所有帮助我！

来源

2013-02-17 11:56:04 redfox

...嗯，我们有一个滚动条> http://www.w3schools.com/cssref/pr_pos_overflow.asp ...所以'display：inline-block'它会。 – redfox 2013-02-17 12:22:28

如何：高度的孩子给同样的高度父母...？

回答

相关问题