浮动元素会具有行内块元素的特征

最新推荐文章于 2022-10-08 14:59:20 发布

青柠杆菌

最新推荐文章于 2022-10-08 14:59:20 发布

阅读量536

点赞数 1

分类专栏： HTML和CSS（基于黑马程序员视频学习文章标签： html html5 javascript

本文链接：https://blog.csdn.net/jjlome/article/details/121435637

版权

HTML和CSS（基于黑马程序员视频学习专栏收录该内容

48 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <!--任何元素都可以浮动，不管原先是什么模式的元素，添加浮动之后具有行内块元素相似的特性-->
    <!--如果块级盒子没有设置宽度，默认宽度和父级一样宽，但是添加浮动后，它的大小根据内容来决定-->
    <!--浮动的盒子中间是没有缝隙的，是紧挨着一起的-->
    <!--行内元素同理-->
    <style>
        span {
            float: left;
            width: 200px;
            height: 200px;
            background-color: pink;
        }
        /*如果行内元素有了浮动，则不需要转换块级|行内块元素就可以直接设定长和宽*/
    </style>
</head>
<body>
    <span>1</span>
</body>
</html>