2

我习惯于<fieldsets>分组，但它总是在 IDE 中给我一条消息，说<legend>缺少。我决定尝试<fieldset>用<div>.

.grid-select .group {
  border: 1px solid #d9d9d9;
  padding: 12px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  border-radius: 0.25em;
  margin-bottom: 1.667em;
  position: relative;
  z-index: 89;
  padding-top: 1.667em;
}

这对我不起作用，因为它似乎不像我使用时<div>那样环绕<div>我的字段集中的其他元素<fieldset>。

是否还有其他<fieldset>我没有的财产？

请注意，在 .group 内部<div>有 display: inline; 和浮动：左

4

1 回答 1

2

请注意，在 .group 内部有 display: inline; 和浮动：左

这正是问题所在。浮动元素不会影响其父元素的高度。换句话说，周围div认为浮动元素不存在。一个很好的解决方法是将 设置.group为overflow: hidden，这确实会导致它考虑所有孩子的大小计算。

但是legend元素是可选的。如果只有您的 IDE 抱怨它，请修复 IDE。你不应该fieldset仅仅div因为这个原因就用 a 代替。

于 2013-08-26T06:50:59.300 回答