CSS之position属性

最新推荐文章于 2022-11-08 23:30:47 发布

VIP文章 zf429_0

最新推荐文章于 2022-11-08 23:30:47 发布

阅读量172

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/zf429_0/article/details/107631330

版权

1. HTML中的三种布局方式

标准流顺序布局

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>标准流</title>
        <style type="text/css">
            .test {
                width: 100px;
                height: 100px;
                background: red;
                border: 1px solid #fff;
            }
        </style>
    </head>
    <body>
        <div class="test"></div>
        <div class="test"></div>
        <div class="test"></div>

        <span>文字文字1</span>
        <span>文字文字2</span>
        <span>文字文字3</span>
    </body>
</html>

浮动
定位
- postion属性的意义
  - position属性决定了元素将如何定位
  - 通过top、right、bott

最低0.47元/天解锁文章

优惠劵

zf429_0

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
CSS之position属性

1. HTML中的三种布局方式标准流顺序布局<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>标准流</title> <style type="text/css"> .test { width: 100px;
复制链接

扫一扫