Question

我有一个固定的位置元素。我希望它位于底部并占据屏幕宽度的100％。它不断从中心获取它的父母的宽度。蓝色容器从红色的locatino开始，而不是从视口开始。

    <!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<style>
* {
    margin: 0;
    padding: 0; 
}

</style>
</head>

<body>

<div style="width: 800px; background-color: red; height: 1500px; margin: 0 auto; position: relative; z-index: 999">


<div style="background-color: blue; width: 100%; height: 350px; position: fixed; bottom: 0; z-index: 9999">

</div>

</div>
</body>
</html>

Answer 1

我并不完全明白你的意思。但你可以用更好的方式找到蓝色元素。

.blue{
     position:fixed;
     height:350px;

     /*make 100% width*/
     left:0;
     right:0;

     bottom:0;    
}

如何突破其父母的固定位置元素？

1 个答案: