CSS:什么时候用right: 0px 什么时候用float: 对吧?
CSS: When to use right: 0px and when to use float: right?
我目前正在学习 CSS,想知道何时使用 right: 0px;
以及何时使用 float: right;
。我知道您必须设置 position
属性才能使用 right: 0px;
,但我只是想知道什么时候使用哪个?
听说float
不好?
干杯。
浮动元素在某种意义上是在它们自己的流动中。它们实际上是移动的,并且会相互交互,并且在一定程度上是内容的常规流动(您看到的环绕效果)。
虽然浮动元素不在常规流中,但您可以使用多种方法清除它,使其容器不会折叠
如果元素要相互交互,请使用浮动。如果一个元素独立于它周围的内容或者全部依赖于一个共同的父元素,那么使用绝对定位。
如果你正在学习 CSS,你必须尽可能使用 padding
和 margin
,这可能需要一些时间来掌握,但它会让事情变得简单元素的整体流动(相对于彼此)。
如果用padding
和margin
都得不到想要的结果,那么可以用float
属性(float: right;
,float: none;
, ...),但仅当您希望两个元素共享水平 space.
时才使用它
总结一下:
1。我只是想知道什么时候使用哪个?
使用 padding
和 margin
作为您的第一个选项,如果这不能让您获得想要的结果,请使用 float
,如果那仍然不是您想要的,您可以尝试高级 CSS 功能,例如 flexbox 和 table 布局。
2。听说float不好?
一点也不差,只是很容易过度使用,这会使您的代码更加复杂。
我目前正在学习 CSS,想知道何时使用 right: 0px;
以及何时使用 float: right;
。我知道您必须设置 position
属性才能使用 right: 0px;
,但我只是想知道什么时候使用哪个?
听说float
不好?
干杯。
浮动元素在某种意义上是在它们自己的流动中。它们实际上是移动的,并且会相互交互,并且在一定程度上是内容的常规流动(您看到的环绕效果)。
虽然浮动元素不在常规流中,但您可以使用多种方法清除它,使其容器不会折叠
如果元素要相互交互,请使用浮动。如果一个元素独立于它周围的内容或者全部依赖于一个共同的父元素,那么使用绝对定位。
如果你正在学习 CSS,你必须尽可能使用 padding
和 margin
,这可能需要一些时间来掌握,但它会让事情变得简单元素的整体流动(相对于彼此)。
如果用padding
和margin
都得不到想要的结果,那么可以用float
属性(float: right;
,float: none;
, ...),但仅当您希望两个元素共享水平 space.
总结一下:
1。我只是想知道什么时候使用哪个?
使用 padding
和 margin
作为您的第一个选项,如果这不能让您获得想要的结果,请使用 float
,如果那仍然不是您想要的,您可以尝试高级 CSS 功能,例如 flexbox 和 table 布局。
2。听说float不好?
一点也不差,只是很容易过度使用,这会使您的代码更加复杂。