floating-boxes.htm

来自「CSS网页布局与美化」· HTM 代码 · 共 59 行

HTM

59 行

<!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: 200px;	height: 100px;	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 2</div><div class="box">Box 3</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>

floating-boxes.htm - 源码说明

本页面展示了「CSS网页布局与美化」中的 floating-boxes.htm 源码文件，采用 HTM 编程语言编写，共 59 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与CSS布局相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?