1

我正在尝试在 HTML 表格设计中创建一个日历，使用 CSS 元素 div 元素作为绝对定位的约会块，这工作正常，但由于该块是绝对的，这使我能够重叠尽可能多的行，因为我想创建约会，它不会水平伸展，这是我想要的。如何使绝对 div 块拉伸？还是有更好的解决方案？（约束：必须支持 IE6+）。该问题在下面突出显示。

以下是代码片段示例：

<table class="calendar_dayview_tableformatting">
..
<tr>
  <td class="calendar_dayview_cell">
    a href="#" class="calendar_dayview_dayformatting">09</a>
    <div class="preference">
      <div class="preference_appointment"></div>
    </div>
  </td>
</tr>
</table>

.preference {height: 60px; min-width:445px ; border: 1px solid #ffc61e; background-color: #ffc61e; margin-top: -1.4em; margin-left:2.5em; position:relative;}

.preference_appointment {height: 180px; min-width:445px ; border: 1px solid black; background-color: #f9eaad; position:absolute; margin-top:-1px;z-index:1;}
4

2 回答 2

0

如果您指定 right 和 left css 属性，绝对定位的 div 的宽度将扩展到其容器的宽度，偏移 right 和 left 属性值。

你能提供一个html样本和css吗？

于 2009-11-18T11:14:44.760 回答
0

如果您发布有关您的问题的更多信息（包括一些示例标记和指向演示页面的链接），将会很有帮助。

根据您到目前为止发布的内容，您似乎正在使用IE6 不支持的min-width 。

如果您想在 IE 中使用绝对定位，您还需要以绝对（例如 px、em）或相对单位（例如 %）指定垂直位置（顶部或底部）和水平位置（左侧或右侧） . 您也不能在 IE6 中同时指定 left 和 right，这与之前的响应所暗示的相反。

除了这些警告之外，绝对定位听起来应该适用于您需要支持的所有浏览器。但是，如果没有更多信息，我无法提供任何更具体的建议。

于 2009-11-18T11:19:11.753 回答