左框宽高固定,右边宽度自适应

最新推荐文章于 2021-05-25 19:41:11 发布

weixin_44477677

最新推荐文章于 2021-05-25 19:41:11 发布

阅读量175

点赞数

文章标签：左框宽高固定右边宽度自适应

本文链接：https://blog.csdn.net/weixin_44477677/article/details/87954523

版权

1、index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title></title>
		<link rel="stylesheet" href="">
		<style>	
			*{
				margin: 0px;
				padding: 0px;
			}
			.left{
				width: 200px;
				height: 200px;
				background: pink;
				float: left;
			}
			.right{
				height:200px;
				background: lime;
			}
		</style>
	</head>
	<body>
		<!-- 左框宽高固定200px*200px;右边宽度自适应
		方法：左边左浮动，右边不用处理 -->
		<div>
			<p class="left"></p>
			<p class="right"></p>
		</div>
	</body>
</html>

2、效果图
在这里插入图片描述