用CSS清除固定和解除折叠的边距而没有副作用?[英] Clear fix and uncollapse margins with CSS without side effects?

本文是小编为大家收集整理的关于用CSS清除固定和解除折叠的边距而没有副作用?的处理方法,想解了用CSS清除固定和解除折叠的边距而没有副作用?的问题怎么解决?用CSS清除固定和解除折叠的边距而没有副作用?问题的解决办法?那么可以参考本文帮助大家快速定位并解决问题。

问题描述

什么是一般与CSS无副作用(也没有其他HTML元素)的Clearfix和不差异边缘的好方法?

以下原因副作用(并希望避免它们):

  • 设置overflow: hidden或overflow: auto: 剪辑box-shadow,CSS变换,其他内容可能希望在框外显示.因此,它不能在几种情况下使用(但否则效果很好).
  • 设置border或padding:明显的定位/尺寸效果.

推荐答案

基于此清晰的解决方案

demo : jsfiddle ie7> ie7 with netrenderer

请注意,content: "\a0 ";相当于 ,而不是非Whitespace字符(例如.),因此当您选择块并复制它时,您会做 not 获得额外的可见字符,否则会在某些浏览器中发生(例如IE9).

此解决方案的缺点是:

  • :before和:after是定义的,因此需要特别注意.
  • 对于您要应用此修复程序的每个新选择器,您必须3次指定选择器.
  • 不是很短/小.

在本文中(但没有 ).

本文地址:https://www.itbaoku.cn/post/564946.html