我需要一個(gè) div 來(lái)浮動(dòng)在另一個(gè) div 中。嘗試使用position:fixed,但div現(xiàn)在浮動(dòng)到父div之外。
這是範(fàn)例程式碼。 我需要“Div to Float”來(lái)浮動(dòng)在“Div 1”內(nèi)。現(xiàn)在它浮在“Div 1”之外並位於“Div 2”後面
這是程式碼。
.wrapper {<!--from www .j av a2s.c o m--> width:100%; height: 200px; overflow-y: scroll; } .container { width: 301px; margin: 0px auto; height: 1501px; background: green; position: relative; } .element { background:yellow; position:fixed; width:101px; height:71px; top:51px; right:0px; left:769px; border:2px solid blue; }
<div class="wrapper"> <div class="container"> Div 1 <div class="element">Div to float</div> </div> </div> <div class="container" style="margin-top: 30px; background: purple">Div 2</div>
我嘗試過(guò)什麼?
.wrapper {<!--from www .j av a2s.c o m--> width:100%; height: 200px; overflow-y: scroll; } .container { width: 301px; margin: 0px auto; height: 1501px; background: green; position: relative; } .element { background:yellow; position:fixed; width:101px; height:71px; top:51px; right:0px; left:769px; border:2px solid blue; }
<div class="wrapper"> <div class="container"> Div 1 <div class="element">Div to float</div> </div> </div> <div class="container" style="margin-top: 30px; background: purple">Div 2</div>
我的期望是什麼?
我需要「Div to Float」來(lái)浮動(dòng)在「Div 1」內(nèi)。
現(xiàn)在結(jié)果如何?
現(xiàn)在它浮在「Div 1」之外並位於「Div 2」後面
.container { position:relative; } .element{ position:absolute; }
我不完全理解你所說(shuō)的「浮動(dòng)」是什麼意思,但是這段程式碼會(huì)將你的 div.element
放在 div.container
中