float:left不起作用

Demon. clannad

于 2019-04-11 22:54:07 发布

阅读量2.3k

点赞数

分类专栏：疑问文章标签： float

本文链接：https://blog.youkuaiyun.com/weixin_43464648/article/details/89222203

版权

疑问专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个使用CSS进行网页布局的实例，通过不同颜色背景的盒子展示了如何应用边框、浮动等样式属性，实现元素间的相对定位与显示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<style type="text/css">
div{
	border:#00F solid 3px;
	height::100px;
	width:200px;
	
}

#div_1{
	background-color:#9F3；
	float:left;
	
	
}

#div_2{
	background-color:#F0F;
	
}

#div_3{
	background-color:#FF0;
}



</style>

<body>

	<div id="div_1">这是一个盒子1</div>
    <div id="div_2">这是一个盒子2</div>
    <div id="div_3">这是一个盒子3</div>
</body>
</html>