orangekk

1.防止父元素受到其子浮动元素的影响:为父元素添加overflow:auto;样式

2.清除浮动:为了让元素不受前面浮动元素的影响,为其增加clear:left/right/both样式

3.浮动元素排列的时候只参考前一个元素的位置

4.有浮动的顺序问题
设置为右浮动后:元素倒置:

5.浮动元素的重叠问题

(1)浮动元素不会覆盖文字内容

(2)浮动元素不会覆盖图片内容
(因为图片本身也属于文本,可以图片看做是一个特殊的文字)
(3)浮动元素不会覆盖表单元素
(输入框、单选按钮、复选框、按钮、下拉选择框等)

分类:

技术点:

相关文章:

  • 2021-07-31
  • 2021-05-04
  • 2021-06-04
  • 2021-07-16
  • 2022-01-14
  • 2022-12-23
  • 2021-07-10
  • 2021-08-26
猜你喜欢
  • 2021-12-14
  • 2021-04-10
  • 2021-10-25
  • 2021-08-24
  • 2021-11-27
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案