关于浮动的前世今生(2)

作者:糖伴西红柿 来源:前端观察 时间:2009-08-19 18:51:00 

浮动的用处

除了简单的在图片周围包围文字,浮动可用于创建全部网页布局。

浮动对小型的布局同样有用。例如页面中的这个小区域。如果我们在我们的小头像图片上使用浮动,当调整图片大小的时候,盒子里面的文字也将自动调整位置:

同样的布局可以通过在外容器使用相对定位,然后在头像上使用绝对定位来实现。这种方式中,文本不会受头像图片大小的影响,不会随头像图片的大小而有相应变化。

标签:浮动,float,css
0
投稿

猜你喜欢

  • 通过python改变图片特定区域的颜色详解

    2021-09-17 11:01:22
  • Django与JS交互的示例代码

    2023-05-03 13:38:58
  • vue中的provide/inject的学习使用

    2024-04-27 16:08:55
  • 基于Django OneToOneField和ForeignKey的区别详解

    2021-10-17 11:01:21
  • Html中 IFrame的用法及注意点

    2023-07-02 05:30:16
  • java 使用poi 导入Excel数据到数据库的步骤

    2024-01-19 11:21:34
  • Python实现修改图片分辨率(附代码)

    2021-06-30 02:00:10
  • python验证码识别教程之滑动验证码

    2023-12-24 00:19:59
  • javascript获取select值的方法分析

    2024-04-19 09:50:26
  • Sysbench对Mysql进行基准测试过程解析

    2024-01-15 18:04:25
  • 如何隐藏IP地址的最后一位

    2011-04-04 16:38:00
  • 漂亮的title提示信息

    2008-08-12 12:51:00
  • Go语言中的闭包详解

    2023-06-30 05:27:14
  • Mysql分组查询每组最新一条数据的三种实现方法

    2024-01-13 16:32:04
  • Perl中的10个操作日期和时间的CPAN模块介绍

    2023-07-27 10:04:41
  • javascript一些不错的函数脚本代码

    2023-07-02 05:25:52
  • Django与DRF结合的全局异常处理方案详解

    2021-05-19 22:53:16
  • 什么是网站灵魂?

    2007-09-08 08:25:00
  • 如何设计一个成功的网站

    2007-09-07 10:33:00
  • Keras官方中文文档:性能评估Metrices详解

    2023-07-15 00:27:40
  • asp之家 网络编程 m.aspxhome.com