div2を画面の左、下、右に揃えますが、常にdiv1より400px下にしますか？

私は2つのdivを持っています.1つは上（div1）に、もう一つは下（div2）です。div2を画面の左、下、右に揃えますが、常にdiv1より400px下にしますか？

div2はdiv1の下で常に400pxにする必要がありますが... div2の左下、右下、右端を常にブラウザウィンドウに合わせるようにします。画面の大きさにかかわらず、それらの3つの側面は常にフラッシュする必要があります。これどうやってするの？

.background-oval { 
    background-color: #999; 
    border-top-left-radius: 100%100px; 
    border-top-right-radius: 100%100px; 
    bottom: 0; 
    height: 400px; 
    position: absolute; 
    width: 100%; 
}

出典

2016-07-21 eclipsis

de。何を試しましたか？もう少し文脈を提供してください。 _div1_と_div2_の間にコンテンツが存在するでしょうか？また、_div2_を意味しましたか？_div1の左、下、右の辺が常にブラウザウィンドウと並んでいると言いますと、1つのことを明確にしてください。 – hungerstar

コードが追加されました。 2つの部門の間に内容があるでしょう。 – eclipsis

したがって、div1が600pxの高さでdiv2が300で、1300pxの高さのモニターがない場合は、どうしたらよいでしょうか？ルールは最初に破られるべきですか？ –

var div1 = document.getElementById("div1"); 
var div2 = document.getElementById("div2"); 

document.body.addEventListener("scroll", function(e) { 
    div2.style.top = Math.max(
     - -(div2.style.top.slice(0, -2)) + div2.height + 400, 
     document.body.scrollTop + innerHeight - div2.height 
    ) + "px"; 
}

注：- -は数

注2に文字列を変換する方法である：これは想定して、それを私がこれまで試したどのような

div2には位置属性と高さがあります

出典

2016-07-21 22:25:19

div2を画面の左、下、右に揃えますが、常にdiv1より400px下にしますか？

答えて

関連する問題