亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

將一個(gè) div 浮動(dòng)到另一個(gè) div 中
P粉207483087
P粉207483087 2024-04-03 18:26:07
0
1
641

我需要一個(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」後面

P粉207483087
P粉207483087

全部回覆(1)
P粉041881924
.container {
    position:relative;
}
.element{
position:absolute;
}

我不完全理解你所說(shuō)的「浮動(dòng)」是什麼意思,但是這段程式碼會(huì)將你的 div.element 放在 div.container

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板