CSS的布局的漂浮

最新推荐文章于 2024-10-26 18:13:01 发布

原创最新推荐文章于 2024-10-26 18:13:01 发布 · 155 阅读

0 ·

CC 4.0 BY-SA版权

CSS 专栏收录该内容

7 篇文章

订阅专栏

博客围绕CSS布局的漂浮展开，但具体内容缺失。CSS布局的漂浮是前端开发中重要的布局方式，可实现元素的灵活排列。

<html>
<head>
    <meta charset="UTF-8">
    <title>CSS的布局的漂浮(了解)</title>
    <style type="text/css">
        div {
            width: 200px;
            height: 150px;
            border: 2px solid blue;
        }

        #float_left {
            float: left;
        }
    </style>
</head>
<body>
<div id="float_left">AAAAAAAA</div>
<div id="float_left">BBBBBBBB</div>
<div id="float_left">CCCCCCCC</div>

</body>
</html>
<!--
6、css的布局的漂浮(了解)
	float： 
		** 属性值 
		left  :　将自己放左边， 后面的文本流向对象的右边 
		right  :　将自己放右边，  后面的文本流向对象的左边
-->