Css 什么'；在这个非常简单的例子中，定位有什么问题？（李淑仪女士8）

这是HTML

<div class="panel" id="Panel1">
<fieldset style="position: absolute; top:8px; left: 136px; width: 136px; height: 48px;">
<legend> </legend>
  <div class="label" id="Label1" style="position: absolute; top:8px; left: 16px; width: 81px; height: 14px;">panel one</div>
</fieldset>
</div>

<div class="panel" id="Panel2">
<fieldset style="position: absolute; top:8px; left: 272px; width: 185px; height: 64px;">
<legend> </legend>
  <div class="Label" id="Label3" style="position: absolute; top:8px; left: 64px; width: 64px; height: 14px;">panel two</div>
</div>

面板一具有

left=136px

和

width=136px

，而面板二具有

left=372px

，但当我在MS IE 8中查看它们时，它们重叠。有什么好处

---

几点信息

• 显然，我是一个相对的CSS新手
• 这是在Windows程序中设计表单，然后在浏览器中查看表单的项目的一部分。它必须是所见即所得，这就是为什么我要给出精确的坐标，而不是让浏览器来布局页面
• 但是，如果我选择

  style=“position:fixed；

  ，可能会更好吗
• 我不确定是否需要同时定位

  div

  s及其内容，但是，如果只有一个，那么是哪一个
• 我使示例尽可能简单，但它必须扩展到多个嵌套字段集
  • 我别无选择，只能使用MS IE，尽管我可以推荐（最小）版本

---

提前感谢您的帮助

试着将relative放在周围的div上。

---

.panel{posistion:relative}

尝试将relative放在周围的div上。

---

.panel{posistion:relative}

您的HTML不正确。

字段集

元素上的样式定义应位于面板1和2的

div

元素上。此外，panel2中的

字段集

标记未关闭

请尝试以下HTML：

<div class="panel" id="Panel1" style="position: absolute; top:8px; left: 136px; width: 136px; height: 48px;">
    <fieldset >
        <legend> </legend>
        <div class="label" id="Label1" style="position: absolute; top:8px; left: 16px; width: 81px; height: 14px;">panel one</div>
    </fieldset>
</div>

<div class="panel" id="Panel2" style="position: absolute; top:8px; left: 272px; width: 185px; height: 64px;">
    <fieldset >
        <legend> </legend>
        <div class="Label" id="Label3" style="position: absolute; top:8px; left: 64px; width: 64px; height: 14px;">panel two</div>
    </fieldset>
</div>​

第一小组
第二小组
​

您的HTML不正确。

字段集

元素上的样式定义应位于面板1和2的

div

元素上。此外，面板2中的

字段集

标记未关闭

请尝试以下HTML：

<div class="panel" id="Panel1" style="position: absolute; top:8px; left: 136px; width: 136px; height: 48px;">
    <fieldset >
        <legend> </legend>
        <div class="label" id="Label1" style="position: absolute; top:8px; left: 16px; width: 81px; height: 14px;">panel one</div>
    </fieldset>
</div>

<div class="panel" id="Panel2" style="position: absolute; top:8px; left: 272px; width: 185px; height: 64px;">
    <fieldset >
        <legend> </legend>
        <div class="Label" id="Label3" style="position: absolute; top:8px; left: 64px; width: 64px; height: 14px;">panel two</div>
    </fieldset>
</div>​

第一小组
第二小组
​

正如Strelok所指出的，HTML中存在错误。我还注意到，css引用的元素包含一个字段集类。您希望字段集本身包含这个类吗

---

如果是这样，在css中删除

之前的

.fieldset

，正如Strelok指出的，HTML中存在错误。我还注意到，css引用的元素包含一个字段集类。您希望字段集本身包含这个类吗

---

如果是这样，请在css中删除

之前的

.fieldset

谢谢。您在MS IE 8中尝试过这个吗？面板突然只有几个像素高（可能是8？）下面的文字。抱歉，我这里没有IE8。请尝试将

overflow:auto；

放在它们的样式中。谢谢。您在MS IE 8中尝试过这个吗？面板突然只有几个像素高（可能是8？）下面的文本。抱歉，我这里没有IE8。请尝试将

overflow:auto；

也放在它们的样式中。我会尝试，但听起来好像您希望我将样式保留在字段集上，而@Strelok希望我将其移到div。难怪我被质疑：-）为什么要回滚我的编辑？您的答案格式不正确（使用

pre

标记无法突出显示代码）您拼写的

位置

错误。我会尝试，但听起来您希望我将样式保留在字段集上，而@Strelok希望我将其移动到div。难怪我会被投诉：-）为什么要回滚我的编辑？您的答案格式不正确（使用

pre

标记不会突出显示代码）您拼写的

position

错误。顺便说一句，样式应该在封闭div上还是在字段集上？是否应该有一个enslosing div？它只在sytle上。如果您不需要div来分组尚未按字段集分组的元素，您不应该使用该enslosing div。顺便说一句，样式应该在封闭div上吗div或字段集？是否应该有一个enslosing div？它仅用于sytle。如果您不需要div对尚未按字段集分组的元素进行分组，则不需要使用该enslosing div。您的第二个字段集未关闭。您的第二个字段集未关闭。

<div class="panel" id="Panel1" style="position: absolute; top:8px; left: 136px; width: 136px; height: 48px;">
    <fieldset >
        <legend> </legend>
        <div class="label" id="Label1" style="position: absolute; top:8px; left: 16px; width: 81px; height: 14px;">panel one</div>
    </fieldset>
</div>

<div class="panel" id="Panel2" style="position: absolute; top:8px; left: 272px; width: 185px; height: 64px;">
    <fieldset >
        <legend> </legend>
        <div class="Label" id="Label3" style="position: absolute; top:8px; left: 64px; width: 64px; height: 14px;">panel two</div>
    </fieldset>
</div>​