将一个 div 浮动到另一个 div 中
P粉207483087
P粉207483087 2024-04-03 18:26:07
[CSS3讨论组]

我需要一个 div 来浮动在另一个 div 中。尝试使用position:fixed,但div现在浮动到父div之外。

这是示例代码。 我需要“Div to Float”来浮动在“Div 1”内。现在它浮在“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>

我尝试过什么?

.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”来浮动在“Div 1”内。

现在结果如何?

现在它浮在“Div 1”之外并位于“Div 2”后面

P粉207483087
P粉207483087

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

我不完全理解你所说的“浮动”是什么意思,但是这段代码会将你的 div.element 放在 div.container

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号