css的布局漂浮

CSS浮动布局详解

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

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

0 ·

CC 4.0 BY-SA版权

html学习笔记专栏收录该内容

19 篇文章

订阅专栏

本文通过一个HTML示例详细解析了CSS中的浮动布局技术，展示了如何使用浮动属性来控制页面元素的排列，使开发者能够更好地理解和应用CSS浮动布局。

<!--css的布局漂浮-->
<html>
	<head>
		<title>HTML示例</title>
		<style type="text/css">
			div{
				width:200px;
				height:100px;
				border:2px solid blue;
			}
			#div12{
				float:left;
			}
		</style>
	</head>
	<body>
          <div id="div11">AAAAAAAAAAAAAAAAAAAAA</div>
	      <div id="div12">bbbbbbbbbbbbbbbbbbbbb</div>
		   <div id="div13">AAAAAAAAAAAAAAAAAAAAA</div>
	
	</body>
</html>