当前位置: 首页 > 面试题库 >

冗余CSS规则,即float&display:block

卫浩瀚
2023-03-14
问题内容

我刚刚发现,浮动元素也会使其成为一个块,因此指定float属性和 display:block 是多余的。

(如果您尝试指定 display:inlinefloat:left 会发生什么?)

还有其他需要注意的冗余组合示例吗?块和宽度?等等,

有没有可以检查这种情况的工具?


问题答案:

我刚刚发现,浮动元素也会使它成为一个块,因此指定一个float属性display:block是多余的。

是的,display: block如果已指定float: left(或right),则是多余的。

(如果您尝试指定display:inline和float:left会发生什么?)

display: inline不会有任何区别,因为设置float: leftdisplay: block“无论如何”:

否则,如果“ float”的值不是“ none”,则该框将浮动,并根据下表设置“ display”。

总结表:float= display: block

但是,您的特定示例在一种方面float: left; display: inline 很有用 -
它修复了IE6错误。

还有其他需要注意的冗余组合示例吗?块和宽度?等等,

一些例子:

  • 如果设置position: absolutefloat: none则被强制。
  • toprightbottomleft性能不会有任何影响,除非position已经被设置为默认以外的值static

有没有可以检查这种情况的工具?

我不这么 认为 。它不是必需的,所以我不明白为什么有人会写这样的工具。



 类似资料:
  • 主要内容:1、常规规则,2、嵌套规则在 CSS 中包含两种语法规则: 普通规则:由选择器、属性和值构成,在之前的学习中我们主要使用的就是这种规则; @规则:以开头后面跟随一个关键字的形式构成,也被称为“AT规则”,根据使用方法的不同又可以分为“常规规则”与“嵌套规则”两种。 本节我们主要来介绍一下 CSS 中的 @ 规则。 1、常规规则 所谓“常规规则”指的是语法类似下面的规则: @[KEYWORD] (RULE); 1) @cha

  • CSS 样式由一系列规则组成,这些规则由 Web 浏览器解析,然后应用于 HTML 文档相应的元素上。CSS 样式规则由三个部分组成,分别是选择器、属性和值: 选择器:由 HTML 元素的 id、class 属性或元素名本身以及一些特殊符号构成,用来指定要为哪个 HTML 元素定义样式,例如选择器就表示为页面中的所有标签定义样式; 属性:您希望给 HTML 元素设置的样式名称,由一系列关键词组成,

  • css中重复写选择器是非常恼人的。如果要写一大串指向页面中同一块的样式时,往往需要 一遍又一遍地写同一个ID: #content article h1 { color: #333 } #content article p { margin-bottom: 1.4em } #content aside { background-color: #EEE } 像这种情况,sass可以让你只写一遍,且

  • float 介绍 float即为浮动,在CSS中的作用是使元素脱离正常的文档流并使其移动到其父元素的“最左边”或“最右边”。 文档流:在html中文档流即为元素从上至下排列的顺序。 脱离文档流(浮动层):元素从正常的排列顺序被抽离。给元素的float属性赋值后,就是脱离文档流,进行左右浮动,紧贴着父元素(默认为body文本区域)的左右边框。 最左边/最右边:上述的移动到父元素最左和最右是指元素往左

  • 问题内容: 所以,这就是我正在做的: 我有一张桌子,上面放着所有的桌子。 但是在一个特殊的场合,我希望一个特定的对象在各个方向都有,我将其设置为。 显然,我将CSS样式依次放在一个外部文件中。 但是渲染的CSS仅具有,并且似乎已被覆盖! 请说明: 这是怎么发生的以及为什么发生? 我应该如何安排这些规则来解决我的问题(除了内联样式)? 编辑:我在表中删除之前。我从来没有使用过它,我只是在这里提到它以

  • 所以我有这个方法: 根据这篇文章: save方法没有任何作用。即使我们删除了它,Hibernate仍然会发出UPDATE语句,因为只要当前正在运行的EntityManager处于打开状态,实体是受管理的,任何状态更改都会传播。 并且确实发出了update语句,但是如果我在没有< code>@Transactional注释的情况下运行该方法: HiberNate不会发出更新语句,因此必须显式调用。