CSS 清除修复不起作用

2023-12-01

This (http://jsfiddle.net/77RRA/1/)正在工作,而这个(http://jsfiddle.net/77RRA/) 不是。

ClearFix 不应该替代该行吗<div style="clear: both;"></div>?


ClearFix 不应该替代该行吗<div style="clear: both;"></div>

是的。清除修复是为了避免非语义空标签。但是,要使其起作用,您需要将其放置在父元素上。 (Example)

然而,就您而言,它并没有解决兄弟姐妹将忽略浮动元素的问题。这不是clearfix的意图,你只需添加clear:right (or both如你所愿)在你的#child兄弟恢复正常的文档流程。

你的固定示例

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

CSS 清除修复不起作用 的相关文章

  • 响应式导航栏隐藏其下方的元素

    我创建了一个响应式导航栏 但它使下面的元素 Flexslider 插件 消失 在我制作导航栏之前 下面的 Flexslider 可以正常显示 但现在不行 导航栏的 z index 为 2 所以我不知道问题是什么 我应该如何 更改什么才能允许
  • 如何更改 Shiny 中 navbarPage 折叠的断点

    我想用shiny navbarPage collapsible TRUE 当在小屏幕上查看我的 Shiny 应用程序时 将导航元素折叠到菜单中 默认情况下 当浏览器宽度小于 940 像素时会触发折叠 有什么方法可以改变这一点 以便在稍大的浏
  • 是否有针对 CSS 位置和可点击区域的 Android 浏览器错误的解决方法?

    当您有一些可点击的内容时 例如 a a
  • CSS 的波浪形状

    我正在尝试使用 CSS 重新创建此图像 我不需要重复它 这就是我开始的 但它只有一条直线 wave position absolute height 70px width 600px background e0efe3 div div 我认
  • 使用 CSS 的平行四边形导航背景

    我正在尝试创建此导航菜单 绿色突出显示是活动页面 灰色是悬停状态 我可以使用以下 CSS 制作平行四边形 ul nav li a text decoration none padding 4px 10px border radius 3px
  • 删除数据表列中的额外填充

    你好 我创建了 JQuery DataTables 如下所示 所以我的问题是如何删除 图片 列中过多的填充 这就是我初始化表的方式 violators tbl DataTable aoColumnDefs bSortable false a
  • 禁用引导列上的滚动

    我正在尝试禁用引导列上的滚动 这是我的代码 div class container fluid h 100 div class row h 100 div class col 4 h 100 bg dark fixed div div cl
  • 如何将背景图像仅应用于一个反应页面而不是整个应用程序?

    注册页面示例 register background image linear gradient to right ff5722 0 ff9800 100 margin top 150px important div div div div
  • 保持未知数量的 div 居中,每行最多 4 个

    我有一个简单的问题 但我自己无法解决 简而言之 有一个未知电话我必须在页面中放置的元素数量 最多 每行 4 个元素 但仍居中 此图片给您一个提示 我为了示例而设置它 详细 在上图中我涵盖了不同的场景 例如 如果总共有 5 个元素 则应使用第
  • 如何在没有@import的情况下减少@import?

    我用的较少 从 Google PageSpeed 我了解到 使用 importCSS 文件中的内容会影响网站速度 所以我想排除任何 import来自我的 CSS 的东西 我有 2 个不同的样式表reset css and rebuild c
  • 输入文本中固定下划线

    我试图修复所有输入文本类型中的下划线 但没有成功 Example My code input width 100 background color fcfcfc border 0 padding 10px div class col lg
  • 单击时更改 CSS 属性

    我试图在单击另一个元素时更改一个元素的 CSS 我进行了很多搜索 但没有任何效果是完美的 目前我正在使用下面的代码 但它不起作用 谁能告诉我我错过了什么 div hello world div img src zoom png functi
  • 禁用单一样式的 CSS 转换?

    为单个样式启用 CSS 过渡非常容易 但是是否可以为单个样式禁用它们 单一样式过渡的常用方法是 div transition opacity 0 5s 但我想做的是设置一个全局转换 然后为单个属性禁用它 也许是这样的 div transit
  • 呈现为 Flexbox 的有序列表不显示项目符号/小数(项目也呈现为 Flexbox)

    我有一个有序列表 ol 有它的display属性设置为flex 列表项也呈现为弹性框 这样做会导致项目符号 数字 不再显示 有什么办法可以让项目符号显示在ol有课 questions questions likert 在40px的区域pad
  • 我的 iPhone 6 获取 iPhone 5 媒体查询

    我不明白这里发生了什么事 我在 CSS 媒体查询中专门针对 iphone 5 media only screen and min device width 320px and max device width 568px some div
  • 带 CSS 网格的等宽侧边栏列

    是否可以让左右列具有相同的宽度 而中间列占据剩余空间 我不想设置像这样的百分比grid template columns 20 60 20 因为并不总是确定这些列的内容是什么 Flexbox 和表格似乎没有解决这个问题的方法 所以我再次尝试
  • 只需编辑 .css 即可更改

    有 4 div class myField 每一个都在另一个之下 http jsfiddle net urielz 6Mdmd http jsfiddle net urielz 6Mdmd 我想将其视图更改为两对情侣面对面 就像结果一样 h
  • Excel 类似 HTML 表格,可在 x 轴(完整表格)和 y 轴(标题固定)上滚动

    我想建立一个具有固定宽度列的表格 在大多数情况下 表数据会水平和垂直溢出 如果列的宽度大于视图宽度 则需要水平滚动条来滚动并查看所有表列 同时滚动标题和数据 如果数据的高度大于可用视图 则会出现垂直滚动框 但在滚动时保持标题固定 以便用户关
  • CSS 旋转轮在 5 秒后停止?

    我正在使用我在小提琴上找到的 CSS 代码来旋转我的轮子 http jsfiddle net gaby 9Ryvs 7 http jsfiddle net gaby 9Ryvs 7 div margin 20px width 100px h
  • jQuery 覆盖默认验证错误消息显示(Css)弹出/工具提示等

    我试图用 div 而不是标签来覆盖默认的错误消息标签 我看过这个帖子 https stackoverflow com questions 309574 jquery validation how to not display errors

随机推荐

  • SQL Server 模板 - 如何转义小于字符?

    我喜欢使用 SQL Server 2005 模板来运行常用查询 您可以使用以下语法在模板中包含参数
  • 是否可以使用 ColdFusion 重写 url?

    我需要生成用户友好的 url 我在 IIS 上 我的动态 URL 看起来像 www testsite com blog article cfm articleid 4432 客户希望网址看起来像 www testsite com blog
  • IE CSS Bug - 当页面上的动态 javascript 内容更改时如何保持位置:绝对

    我有一个页面 其中有一个列和一个内容 div 有点像这样 div div blahblahblah div div div div 通过一些样式 我有一个图像在列和内容之间分开 但需要保持相同的垂直位置 以便它对齐 样式类似于这样 colu
  • 背景图像隐藏了所有 GUI 设计组件

    我正在开发 GUI 应用程序 我使用 swing 组件来设计 GUI 我想为我的表单设置背景图像 但是当我设置图像时 它会重叠用于设计 GUI 的所有组件 首先我的没有背景图片的表格如下所示 我的代码是 登录 java public cla
  • 在 Magento 中将数组转换为集合

    我有一个数组对象 它是来自数据库的 magento fetchall 的输出 我希望将其转换为 Collections 类的对象 以便我可以实现分页并使用此集合与其他表连接 你能帮我一下吗 已经卡了好久了 要将数组转换为集合对象 1 gt
  • “System.IO.IOException:操作成功完成”异常

    我遇到了这个异常 System IO IOException 操作成功完成 在下面的代码块中 此代码在 Windows 服务中运行 foreach var error in currentPowerShell Streams Error i
  • 访问类的多处理代理的属性

    我有一个类 我想以只读方式与池中的子进程共享 因此我准备了一个类的代理 但它不起作用 以下是我的问题的简化示例 from multiprocessing managers import BaseManager class TestClass
  • 在这种情况下需要对 Node.js 中的函数进行阻塞调用吗?

    我开始学习node js 我在这里遇到了一个问题 我正在调用返回 JSON 的天气服务 网址如下 http api wunderground com api Your key conditions q CA San Francisco js
  • 用于 CGM 文件转换的 .NET 库

    我一直在开发一个实用程序 将各种文件转换为 PDF 以便于打印 通过电子邮件发送 我正在尝试添加对 CGM 文件的支持 但无法找到任何库来帮助我做到这一点 这是我可以在 C 中本地完成的事情吗 或者是否有任何基于 NET 的库可以帮助我转换
  • 如何判断是否支持window.confirm()?

    我有一个移动网站 可供各种设备使用 包括一些运行带有 IE 7 的 Windows Embedded 7 锁定版本的车载计算机 出于某种我无法解释的原因 window confirm 已损坏 但所有其他 javascript 似乎都可以工作
  • javascript/canvas,地图样式点缩放

    我有一张画布 上面有一堆物体 我有一个缩放功能 可以放大zoom每个坐标都乘以的变量 我希望能够指向一个坐标并对其进行缩放 类似于在线地图的操作方式 我已经设置了一个演示here 我的代码的当前状态 坐标处的比例 如果给定的屏幕坐标已缩放内
  • 在 C# 中部分下载并序列化大文件?

    作为我大学即将进行的项目的一部分 我需要编写一个客户端 从服务器下载媒体文件并将其写入本地磁盘 由于这些文件可能非常大 我需要实现部分下载和序列化以避免过多的内存使用 我想出了什么 namespace PartialDownloadTest
  • JavaScript 秒数到格式为 hh:mm:ss 的时间字符串

    我想将持续时间 即秒数 转换为以冒号分隔的时间字符串 hh mm ss 我在这里找到了一些有用的答案 但他们都谈到转换为 x 小时和 x 分钟格式 那么是否有一个小片段可以在 jQuery 或原始 JavaScript 中执行此操作 Str
  • 如何使用 WinAPI/C# 获取监视器/显示设备名称

    我正在使用 C WPF 编写一个应用程序 并希望获取所有连接的显示监视器的列表 我使用了 Screen 类并成功获取了列表 但现在列表中的每个显示器名称为 Display1 XXXXXXXX 等 这是不可读的 但是 My Nividia 控
  • VS2015 C++ 静态初始化崩溃,可能是错误

    我发现 Visual Studio 2015 Community 发生了一些奇怪的事情 在 VS2012 中完美运行的代码在移植到 VS2015 时会在调用 main 之前在启动时崩溃 一些静态初始化混乱的典型症状 我有一些静态变量 但使用
  • Elisp交互函数名称

    我正在尝试使用交互式函数名称功能 在 emacs lisp 手册上它说 A 函数名称 即满足 fboundp 的符号 现有 完成 提示 所以我用一个小测试代码尝试了它 defun testfun1 message hello world d
  • D3 与 Angular 集成:“错误: 属性 x 的值无效”

    我正在尝试使用 AngularJS 绑定 SVG 属性 我有以下用于调整形状大小手柄的代码 S handle var s handle d3 select document createElementNS http www w3 org 2
  • 双流输入以防止不必要的记忆?

    我是 Haskell 的新手 我正在尝试以流处理方式实现欧拉筛 当我检查有关素数的 Haskell Wiki 页面 我发现了一些神秘的流优化技术 在3 8 线性合并该维基的 primesLME 2 3 5 minus joinL p p p
  • 用于计算像素数的着色器

    我正在寻找一个着色器 CG 或 HLSL 它可以计算红色像素或我想要的任何其他颜色的数量 你可以这样做原子计数器在片段着色器中 只需测试输出颜色 看看它是否在一定的红色容差范围内 如果是 则增加计数器 绘制调用之后 您应该能够读取 CPU
  • CSS 清除修复不起作用

    This http jsfiddle net 77RRA 1 正在工作 而这个 http jsfiddle net 77RRA 不是 ClearFix 不应该替代该行吗 div div ClearFix 不应该替代该行吗 div div 是