css float 实例

最新推荐文章于 2022-05-03 21:28:51 发布

五里一徘徊孔雀东南飞

最新推荐文章于 2022-05-03 21:28:51 发布

阅读量477

点赞数

分类专栏： CSS 文章标签： CSS float

本文链接：https://blog.csdn.net/u011453546/article/details/19254711

版权

CSS 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
		<style type="text/css">
			body{
				border:1px red solid;
			}
			img{
				width:400px;
				height:300px;
				float:right;
			}
			.word{
				clear:right;
			}
			#imgtext{
				width:500px;
				height:400px;
				border:2px red solid;
			}
			#img{
				width:200px;
				height:150px;
				float:left;
				
			}
		</style>
	</head>
	
	<body>
	<!--
		<img src="1.jpg"/>
		<div class="word">
			没买内服加asp结果【阿深加工没买内服加asp结果【阿深加工没买内服加asp结果【阿深加工
			没买内服加asp结果【阿深加工没买内服加asp结果【阿深加工没买内服加asp结果【阿深加工
			没买内服加asp结果【阿深加工没买内服加asp结果【阿深加工没买内服加asp结果【阿深加工
			没买内服加asp结果【阿深加工没买内服加asp结果【阿深加工没买内服加asp结果【阿深加工
			没买内服加asp结果【阿深加工没买内服加asp结果【阿深加工没买内服加asp结果【阿深加工
			没买内服加asp结果【阿深加工没买内服加asp结果【阿深加工没买内服加asp结果【阿深加工
			没买内服加asp结果【阿深加工没买内服加asp结果【阿深加工没买内服加asp结果【阿深加工
			没买内服加asp结果【阿深加工没买内服加asp结果【阿深加工没买内服加asp结果【阿深加工
		</div>
	-->
		<div id="imgtext">
			<div id="img">
				<img src="1.jpg"/>
			</div>
			<div>
				买内服加asp结果【阿深加工没买内服加asp结果【阿深加工没买内服加asp结果【阿深加工
			没买内服加asp结果【阿深加工没买内服加asp结果【阿深加工没买内服加asp结果【阿深加工
			没买内服加asp结果【阿深加工没买内服加asp结果【阿
			</div>
		</div>
	</body>
</html>

五里一徘徊孔雀东南飞

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css float 实例

body{ border:1px red solid; } img{ width:400px; height:300px; float:right; } .word{ clear:right; } #imgtext{ width:500px; height:400px;
复制链接

扫一扫