fieldset {
min-width: -webkit-min-content;
}
在样式表中添加 min-width: 0;
可以解决Chrome 27、Safari 6.0.2和WebKit Nightly r146031的问题。但在Chrome 25和FireFox 19.0.2中无法解决该问题。
无论如何,这并不能解决问题。
div.inner
被 限制 在其父元素的宽度内,但它本身并没有从其父元素 继承 width: 60px
。此外,在 Firefox 上指定 width: inherit
似乎没有任何区别。 - BoltClock.inner
div 没有任何额外规则时宽度为58px的行为吗? - Explosion Pillsmin-width
规则。 - Explosion Pills要修复您的fieldset
或使其像您示例中下面的div
一样,请添加以下CSS:
fieldset{
margin:0px;
padding:0px
}
你需要先重置边距和内边距,让它们像下面的 div 一样,然后再添加所需的宽度:
.inner {
width:60px;
}
Fieldset 版本比 div 版本宽的原因是,除非您另行指定,否则 fieldset 具有自己的默认填充。
请参见:http://jsfiddle.net/RDVY7/
我在您的 CSS 中添加了以下内容:
fieldset {
margin:0 ;
padding:0 ;
}
它已经解决了这个问题。如果您想在fieldset和div之间添加间距,只需调整margin:
元素即可。
<div class=fieldset>
就好了。 - aaronstacy