CSS嵌套Div与位置绝对？

Question

CSS嵌套Div与位置绝对？

以下是一个复杂的案例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<body>
    <div style="position:absolute;left:500px;top:200px;width:200px;background-color:red;";>
        AS HDSKLAJD KLASJD KLASJ DKLASJDKL JASKLD JKLAS JDKLASD AS HDSLAJD
        <p>
        sadas dasd sad asd sadas dasd sad asdsadas dasd sad asdsadas dasd sad asd
        </p>

        <div style="position:absolute;left:0;top:0;width:10px;background-color:green;";>
            CORNER
        </div>
    </div>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

我想要的是在页面的0,0处使用CORNER文本的div.我知道我可以简单地将html中的DIV更改为绝对的第一个DIV之外但我不能这样做,因为在实际情况下我仅限于ContentPlaceHolder(ASP.NET).那么,是否可以将DIV嵌套在具有绝对位置的其他DIV中并使其坐标绝对位于页面？

Answer 1

Pek*_*ica 12

那么,是否可以将DIV嵌套在具有绝对位置的其他DIV中并使其坐标绝对位于页面？

不是绝对的页面,没有.您可以使用负数left和top值将DIV移动到容器外部 - 如果容器的坐标left和top坐标是固定的,您可以通过这种方式实现效果 - 但坐标将始终相对于容器,而不是相对于页面.

编辑:有position:fixed是没有打出来的容器(尝试在你的例子进行更改,left: 0px top: 0px将其放置在页面的左上角,只要你想的话),但它有被固定在视口中,没有明显的副作用在文档中 - 所以只有在正文中没有滚动时它才有用.

归档时间：	16 年，3 月前
查看次数：	10941 次
最近记录：	16 年，3 月前