防止HTML-div（框）增长

我想保留一个div（一个CSS3框）到一定的宽度。但不知何故，溢出：隐藏和最大宽度似乎被忽略。防止HTML-div（框）增长

<html> 
<head></head> 
<body> 
<div style="display:-moz-box;"> 
    <!-- Keep the red div 100 px wide, regardless of its content. But how? --> 
    <div style="background-color:red; padding:2px; width:100px; max-width:100px; overflow:hidden;"> 
    <div style="width:500px; border: 1px solid yellow;">&nbsp;</div> 
    </div> 
<div>2</div> 
</div> 
</body> 
</html>

目前在Firefox 6

来源

2011-09-20 mh123

add！对你的溢出很重要，可能会被继承覆盖。 “溢出：隐藏！重要;” –

@Senad - 嗯，值得一试，但不太可能重写内联风格。 – Spudley

问题是由于'display：-moz-box'造成的，因为它在Chrome中可以正常工作。将显示：内嵌块实现你以后的效果？ – Gareth

测试的研究发现一点错误this报告。你可能需要找到另一种做你想做的事的方式。

来源

2011-09-20 11:46:52 Gareth

非常感谢！。 – mh123

防止HTML-div（框）增长

回答

相关问题