下面的代码演示了3列布局的用法。
<!DOCTYPE html><html> <head> <title>三列布局</title> <style type="text/css"> body { 960px; color: #665544; margin:0 auto;} .column1of3, .column2of3, .column3of3 { 300px; float: left; margin: 10px;} </style> </head> <body> <h1 style="color:#706fd3">软件开发，成就梦想</h1> <div class="column1of3"> <h3>第一段</h3> <p>Buffer Pool 缓冲池是主存储器中的一个区域，用于在访问时缓存表和索引数据。 缓冲池允许直接从内存处理常用数据，从而加快处理速度。 在专用服务器上，通常会 将最多80％的物理内存分配给缓冲池。</p> <p>为了提高大容量读取操作的效率，缓冲池被分成可以容纳多行的page。为了提高缓存 管理的效率，缓冲池被实现为链接的page list。</p> </div> <div class="column2of3"> <h3>第二段</h3> <p>Log Buffer 日志缓冲区是保存要写入磁盘上日志文件的数据的内存区域。 日志缓冲区大 小由innodb_log_buffer_size变量定义。 默认大小为16MB。 日志缓冲区的内容会定期刷新到磁盘。</p> <p>大型日志缓冲区使大型事务能够运行，而无需在事务提交之前将重做日志数据写入磁盘。</p> <p>System Tablespace InnoDB系统表空间是doublewrite缓冲区和更改缓冲区的存储区域。 系统 表空间还包含在系统表空间中创建的用户创建表的表和索引数据。 在以前的版本中，系统表空 间包含InnoDB数据字典。 在MySQL 8.0中， InnoDB将元数据存储在MySQL数据字典中。</p> </div> <div class="column3of3"> <h3>最新文章</h3> <ul> <li>CSS 颜色术语</li> <li>CSS 背景颜色</li> <li>CSS 字体风格</li> <li>CSS 盒子大小</li> <li>CSS 边框</li> <li>CSS 内外边距</li> </ul> </div> </body></html>