html - 定位: absolute的刺激行为-6ren

html - 定位: absolute的刺激行为

转载作者：行者123 更新时间：2023-11-28 04:59:09

24

4

<分区>

据我所知，绝对定位元素和 float 元素已从正常的 html 流中删除(如果我错了请纠正我)。

这是我的 jsFiddle

这是我的代码:

<header> </header>
<div class="content-area">
<div class="left-sidebar"></div>
<div class="main-area"></div>
<div class="right-sidebar"></div>
</div>
<footer> </footer>

我的CSS:

.content-area {
position: relative;
min-height: 310px;
background-color: #bbb;
}
.left-sidebar {
position:absolute;
float: left;
width: 50px;
height: 100%;
background-color: #abcdef;
}
.right-sidebar {
position: absolute;
right: 0;
width: 50px;
height: 100%;
background-color: #abcdef;
}

当我在 main-area 中写任何东西时，为什么右侧边栏会向下滑动。

24

4

0

文章推荐： javascript - css 动画文本不起作用

文章推荐： html - 为显示为 :inline-block 的 div 元素设置中心位置

文章推荐： c++ - 全局配置的最佳实践

刺激，线程池的一个BUG直接把CPU干到100%了。
你好呀，我是歪歪。给大家分享一个关于 ScheduledExecutorService 线程池的 BUG 啊，这个 BUG 能直接把 CPU 给飚到 100%，希望大家永远踩不到。
Python - 刺激 ssh 命令搞乱文件路径
我在 python 2.7 中使用 spur，通过 ssh 连接到 linux box，但由于某种原因，它弄乱了我的文件路径。这是命令: import spur outFile = "'%s'" %
ruby-on-rails - 刺激 Controller Action 发射两次
我是 StimulusJS 的新手，我只想在用户添加新帖子时显示附加在其他帖子后面的帖子内容。一切似乎都正常，但帖子被附加了两次，因此看起来表单已提交了两次。
ruby-on-rails - 刺激 Controller Action 发射两次
我是 StimulusJS 的新手，我只想在用户添加新帖子时显示附加在其他帖子后面的帖子内容。一切似乎都正常，但帖子被附加了两次，因此看起来表单已提交了两次。
javascript - 刺激 : how to handle repeating items with the same target name
我有一个项目列表，每个项目都有一个链接可以单击以对其进行编辑。当他们单击该编辑链接时，我正在使用刺激使编辑“模态”表单可见。将要编辑的内容的 id 以 id= 的形式出现在列表的相应链接标签上因此，
javascript - 刺激 Controller : event listened multiple times; how do I remove event listeners and retain the Context?
我的 HTML 页面上有以下 Controller : ... ... 此子 Controller 映射到以下 c
javascript - 刺激 Controller : event listened multiple times; how do I remove event listeners and retain the Context?
我的 HTML 页面上有以下 Controller : ... ... 此子 Controller 映射到以下 c

首页

博学

6Ren·AI

商城

html - 定位: absolute的刺激行为