本文以范例来说明css的浮动属性。
1、浮动float的属性:
1)left:元素向左浮动
2)right:元素向右浮动
3)None:默认值。
浮动的目的:就是让竖着的元素进行横向排列,也就是能让元素和元素并排显示。
2、首先div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流。
Css浮动属性的介绍 逆战班
若想让图1-1显示是并排显示则可以添加浮动属性。添加浮动属性后,块状元素依次上升。
添加左浮动属性:
Css浮动属性的介绍 逆战班
Css浮动属性的介绍 逆战班
添加右浮动属性:
Css浮动属性的介绍 逆战班
Css浮动属性的介绍 逆战班从左浮动和右浮动可以看出div浮动的顺序是以htlm代码顺序显示的。
值得注意的是:居于同一行的元素都应该添加浮动属性。不然只给单一的元素添加浮动属性时;下面的元素依次上升,会把添加浮动属性的元素覆盖。
Css浮动属性的介绍 逆战班
Css浮动属性的介绍 逆战班解决方法就是给每个需要在一行显示的元素添加浮动属性。

by 逆战班张敏

相关文章:

  • 2021-05-22
  • 2022-01-10
  • 2021-09-29
猜你喜欢
  • 2022-12-23
  • 2021-07-11
  • 2021-07-28
  • 2021-07-17
  • 2021-04-14
  • 2021-12-16
  • 2021-08-26
相关资源
相似解决方案