<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Float属性布局</title>
<style>
.box{
width: 1000px;
margin: 0 auto;
display: -moz-box;
display: -webkit-box;
}
.left{
/*float: left;*/
width: 300px;
padding: 10px;
background-color: green;
}
.right{
/*float: right;*/
width: 300px;
padding: 10px;
background-color: #ff39ca;
}
.cont{
/*float: left;*/
width: 400px;
background-color: #0064ff;
}
.left,.cont,.right{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
</style>
</head>
<body>
<div class="box">
<div class="left">
<h3>栏目列表</h3>
<ul>
<li><a href="###">栏目名称</a></li>
<li><a href="###">栏目名称</a></li>
<li><a href="###">栏目名称</a></li>
<li><a href="###">栏目名称</a></li>
</ul>
</div>
<div class="cont">
<p>阅谁问君诵，水落清香浮。</p>
<p>阅谁问君诵，水落清香浮。</p>
<p>阅谁问君诵，水落清香浮。</p>
<p>阅谁问君诵，水落清香浮。</p>
<p>阅谁问君诵，水落清香浮。</p>
</div>
<div class="right">
<h3>推荐文章</h3>
<ul>
<li><a href="###">推荐文章</a></li>
<li><a href="###">推荐文章</a></li>
<li><a href="###">推荐文章</a></li>
</ul>
</div>
</div>
</body>
</html>
效果图：
相关推荐
### SPSS Statistics Base 17.0 用户指南（第40-第52章）知识点概览 #### 40. 多重响应分析 **多重响应分析**是一种专门处理多选题数据的方法，适用于问卷调查等场景。在这种类型的分析中，被调查者可以选择一个...
4. **布局与容器**：`<div>`元素是通用的容器，常用于组合内容或应用样式。`<span>`则用于在行内元素中进行分组。`<section>`、`<article>`和`<aside>`等语义元素有助于提高页面的结构化和可读性。 5. **列表**：`...
第52章 01 上节知识回顾 02 ORM多表操作之一对多增加记录 03 ORM多表操作之一对多查询之对象查询 04 ORM多表操作之一对多查询之双下划线查询 05 ORM多表操作之多对多添加记录 06 ORM多表操作之多对多查询 07 ORM多...
各章节的具体编写分工是：第1、2章由熊建强编写，第3、4章由宋麟编写，第5、8章由黄磊编写，第6、11章由周畅和汤建琴编写，第7、10章由杨鏖丞编写，第9、12、13章由吴黎兵和熊卿编写，第14、15章由余艳霞编写。...
"style"文件夹通常包含了CSS（层叠样式表）文件，这些文件定义了Web界面的外观和布局，如字体、颜色、布局等，使得用户界面更加友好和易用。 "img"文件夹则包含了图片资源，这些图片可能包括图标、指示灯状态、操作...
描述中同样提到"class52-源码.rar"，这表明这个压缩包可能包含了某个课程的第52课相关的源代码。由于标签为空，我们无法直接获取额外的上下文信息，但可以假设这个源码可能是关于编程或软件开发的。 在编程和软件...
3. **响应式布局（Responsive Layout）**：与自适应设计密切相关，响应式布局关注于网页元素如何根据屏幕尺寸变化来调整其布局。这通常通过百分比单位、Flexbox或Grid布局来实现，使得元素可以灵活地填充可用空间。 ...
3. 弹性盒模型（Flexbox）：用于创建响应式布局，可以方便地调整元素的排列方式和大小。 4. 格栅系统（Grid）：提供二维布局，使得页面元素的定位更加灵活。 5. 渐变和阴影：线性渐变、径向渐变和盒阴影等，增加...
第13章 级联样式单级别2. 389 13.1 CSS2中有哪些新特点？... 389 13.1.1 新的伪类... 390 13.1.2 新的伪元素... 390 13.1.3 媒体类型... 390 13.1.4 分页媒体... 390 13.1.5 国际化... 390 13.1.6 可视格式化...
3.4.1 自定义样式 52 3.4.2 修改未来数据透视表的默认样式 53 3.4.3 用文档主题修改样式 54 3.5 修改汇总计算 55 3.5.1 了解空单元格会导致计数的原因 55 3.5.2 使用除计数或求和之外的其他函数 56 3.6...
3.4.1 自定义样式 52 3.4.2 修改未来数据透视表的默认样式 53 3.4.3 用文档主题修改样式 54 3.5 修改汇总计算 55 3.5.1 了解空单元格会导致计数的原因 55 3.5.2 使用除计数或求和之外的其他函数 56 3.6...
3.4.1 自定义样式 52 3.4.2 修改未来数据透视表的默认样式 53 3.4.3 用文档主题修改样式 54 3.5 修改汇总计算 55 3.5.1 了解空单元格会导致计数的原因 55 3.5.2 使用除计数或求和之外的其他函数 56 3.6...
3.4.1 自定义样式 52 3.4.2 修改未来数据透视表的默认样式 53 3.4.3 用文档主题修改样式 54 3.5 修改汇总计算 55 3.5.1 了解空单元格会导致计数的原因 55 3.5.2 使用除计数或求和之外的其他函数 56 3.6...
2. **季度分析**：季度分析是指将一年分为四个时间段（第一季度、第二季度、第三季度和第四季度），对每个季度的数据进行比较和分析，以了解季节性销售趋势和业绩变化。 3. **商品销量**：商品销量是衡量产品销售...
52. BFC是指块级格式化上下文，用于控制元素的布局和浮动。 53. hasLayout是一种IE的特性，触发hasLayout后会让元素拥有块级格式化上下文。 54. CSS中的类选择器和ID选择器的区别是，类选择器可以应用于多个元素，...