Question

我知道这个问题有很多变化，但我找不到任何可以解决这个问题的答案。

我基本上有两个左浮动的div。在这两个div中有div标题和tabled内容。

我希望Div标题（小时/分钟）延伸到已添加内容的宽度，但它们只在FF和Chrome中执行此操作，而不是IE7。 IE7是我的作品官方浏览器，所以我最需要它。

这是CSS：

#ui-timepicker-div { padding:0.2em; }
#ui-timepicker-hours { float:left; }
#ui-timepicker-minutes { margin:0 0 0 0.2em; float:left; }

.ui-timepicker .ui-timepicker-header { padding:0.2em 0; }
.ui-timepicker .ui-timepicker-title { line-height:1.8em; text-align:center; }

.ui-timepicker table { margin:0.15em 0 0 0; font-size:.9em; border-collapse:collapse; }
.ui-timepicker td { padding:1px; width:2.2em; }
.ui-timepicker th, .ui-timepicker td { border:0; }

.ui-timepicker td a {
    display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    text-align:right;
    text-decoration:none;
}

这是HTML（不包括已提交的内容）：

<div style="position: absolute; top: 252.667px; left: 648px; z-index: 1; display: none;" class="ui-timepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" id="ui-timepicker-div">
<div id="ui-timepicker-hours">
<div class="ui-timepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
<div class="ui-timepicker-title">Hour</div>
</div>
<table class="ui-timepicker">
</table>
</div>
<div id="ui-timepicker-minutes">
<div class="ui-timepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">
<div class="ui-timepicker-title">Minutes</div>
</div>
<table class="ui-timepicker">
</table>
</div>
</div>

Answer 1

很抱歉回答我自己的问题，但经过几个小时后，我发现通过从ui-timepicker-header中删除'ui-helper-clearfix'类，现在所有在IE7和FF中运行良好

Div没有填充浮动容器的宽度（需要css专家

1 个答案: