Question

我的主要TD中的绝对定位元素存在很大问题。好了，问题在于，它们需要相对定位的父使用上，右，下和左性能被正确地放置...但我不能设置的“的位置是：相对的;”关于TD本身因为Mozilla不接受这个。

因此，这是我想出了溶液（当然，身体和HTML兼得高度100％和宽度在CSS 100％组）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
  <head></head>
  <body>
      <div style="height: 100%; margin: 0 auto; position: relative; width: 840px;">
          <table cellpadding="0" cellspacing="0" style="height: 100%; width: 100%;">
              <tr>
                  <td>
                      <div id="content_inner">[NORMAL CONTENT]</div>
                      <table cellpadding="0" cellspacing="0" id="bottom: 40px; position: absolute; right: 10px; width: 90px;">
                          <tr>
                              <td>[ABSOLUTELY POSITIONED CONTENT]</td>
                          </tr>
                      </table>
                  </td>
              </tr>
          </table>
      </div>
  </body>
</html>

在我开始调整浏览器大小或通过打开开发工具来修改窗口大小之前，所有内容看起来都很完美。当网站布局被搞砸的：当表仍然是垂直填满整个空间中，DIV似乎没有做同样的事情。该DIV只是看起来比表小，它不换表了......所以绝对定位元素下它的大小采取了错误的偏移。

我也尝试了以下解决方案：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
    <head></head>
    <body>
        <table cellpadding="0" cellspacing="0" style="height: 100%; margin: 0 auto; width: 840px;">
            <tr>
                <td>
                    <div style="height: 100%; position: relative; width: 100%;">
                        <div id="content_inner">[NORMAL CONTENT]</div>
                        <table cellpadding="0" cellspacing="0" id="bottom: 0; position: absolute; right: 10px; width: 90px;">
                            <tr>
                                <td>[ABSOLUTELY POSITIONED CONTENT]</td>
                            </tr>
                        </table>
                    </div>
                </td>
            </tr>
        </table>
    </body>
</html>

但是，其结果是，我发现了[正常的内容]为没有更多的垂直居中（它停留在相对定位DIV的顶部）。有人能帮帮我吗？

Answer 1

这不起作用，而不是id =“”你应该使用style =“”

id =“bottom：0; position：absolute; right：10px; width：90px;”

但即使使用style =“”也是我不推荐的。只需创建一个类或ID，然后将css添加到style.css文件中。

请问你究竟想要完成什么？

定位100％高度和相对DIV

1 个答案: