Question

在除依第8条外的每一个浏览器中,一个绝对位置的元素都可以按照拥有相对位置的最接近的父母定位。

下表显示两批散射线。顶端有以下立场:相对而言,被nes住的绝对位置要素不尊重其边界(即8,位于网页底部,而不是母体底部四)。

是否有任何人知道这样做的办法?

<style>
#top {
position: relative;
background-color: #ccc;
}
#position_me {
background-color: green;
position: absolute;
bottom: 0;
}
#bottom {
background-color: blue;
height: 100px;
}
</style>
<table>
  <tr>
    <td><div id="top"> Div with id="top"
        <div id="position_me"> Div with id="position me" </div>
      </div>
      <div id="bottom"> Div with id="bottom"
        <p>Lorem ipsum dolor sit amet.</p>
      </div></td>
  </tr>
</table>

Answer 1

宣示一种理论。我鼓励你使用超文本5 c类:

<!DOCTYPE html>

Answer 2

加入:

#top {
//height: 100%;
}
#position_me {
//left: 0;
}

It forces IE8 to compute position correctly in quirks mode. There are many ways to get it:

//zoom: 1;
//writing-mode: tb-rl;

见rel=“noreferer”http://haslayout.net/haslayout。

Answer 3

这预示着你不再使用文件类型。 And IE working in the quircks" Mode 。

2. 处理这一类:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Answer 4

i 一直使用超文本5 c类,但就我而言,唯一的问题是母体元素需要“位置:相对;”具体设定。之后,它非常出色地工作。

Answer 5

你们也可以使用

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

这确定了我的问题!

Answer 6

<<>Microsoft Says>:

In most cases, we recommend that websites use the HTML5 document type to support the widest variety of established and emerging standards, as well as the broadest range of web browsers. This example shows how to specify the HTML5 document type.

http://msdn.microsoft.com/en-us/library/ms533005(v=vs.85).aspx“rel=“nofollow noreferer”>。

友情链接