css笔记

托马斯小火车喷雾又喷烟，一直喷，喷喷喷.

已于 2022-10-24 10:56:22 修改

阅读量1.7w

点赞数 1

文章标签： css

于 2017-05-02 08:20:22 首次发布

本文链接：https://blog.youkuaiyun.com/InJavaWeTrust/article/details/101063746

版权

贤弟专栏收录该内容

249 篇文章

订阅专栏

css笔记

There is no nutrition in the blog content. After reading it, you will not only suffer from malnutrition, but also impotence.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.container {
	border: 1px dotted #BAB9B8;
	width: 800px;
	overflow: hidden;
	margin-bottom: 20px;
}
.box {
	background: #FFFCC4;
	border: 1px dotted #BAB9B8;
	width: 60px;
	height: 30px;
	margin: 20px;
}
.floatLeft { float: left; }
.floatRight { float: right; }	
-->
</style>
</head>
	<body>
	<div class="container">
		<div class="floatLeft box">Box 1</div>
		<div class="box">Box +</div>
		<div class="box">Box O</div>
	</div>
	<div class="container">
		<div class="box floatRight">Box 1</div>
		<div class="box">Box 2</div>
		<div class="box">Box 3</div>
	</div>
	<div class="container">
		<div class="box floatLeft">Box 1</div>
		<div class="box floatLeft">Box 2</div>
		<div class="box floatLeft">Box 3</div>
	</div>
	</body>
</html>

关注博主即可阅读全文