<!DOCTYPE html>
<html>
<head>
<meta charset="gbk" />
<title>三列等高。中间列优先</title>
<style type="text/css">
body, h2 { margin: 0; }
body { min-width: 550px; }
/* h2去除FF等body上面的空白*/#main { margin: 5px; }
#header { height: 100px; background-color: gray; }
#footer { height: 50px; background-color: gray; clear: both; }
.container { zoom: 1; }
.column { float: left; }
.center { width: 100%; background: #D6D6D6; }
.box { margin: 0 150px 0 200px; }
.left { margin-left: -100%; width: 200px; background: #E79F6D; }
.right { margin-left: -150px; width: 150px; background: #77BBDD; }
</style>
</head>
<body>
<div id="main">
<div id="header">
<h2> header</h2>
</div>
<div class="container">
<div class="center column">
<div class="box"> 中国人喜欢凑热闹是出名的，话说人行道上一位仁兄抬头望天，没过多久，越来越多的人聚拢在他的周围一起望天，最后把警察叔叔引来了，警察叔叔问，看什么呢？旁边的人回答：就是不知道看什么，所以在看呀！然后警察叔叔一层层的问进去，问到最先望天的仁兄：你看什么呢？仁兄回答道：出鼻血不可以啊？！
读书时一直暗恋她，但没勇气表白，更没胆量碰她。毕业后，她已经结婚了，老公跟我是同学。那天下午，她抱着娃娃在喂奶，我找了个很好的借口。我走到她面前，一把两手按住她的MIMI，然后跟她娃娃说，喊叔叔，不喊不给吃!
波兰总统：我坠机了，郁闷啊。 林彪回复：沙发，同楼主，悲剧。 金正日跟贴：只坐火车的飘过，安全。 张作霖跟帖：楼上sb。 </div>
</div>
<div class="left column"> 两海龟快活后，相约来年再相聚，第二年公龟来到见母龟已在等待，但母龟却大骂：你TMD爽完了也不把我翻过来，都一年了 </div>
<div class="right column"> 中国人喜欢凑热闹是出名的 </div>
</div>
<div id="footer">
<h2> footer</h2>
</div>
</div>
</body>
</html>
分享到：
相关推荐
三列等高布局旧版flex.html
在网页设计中，多列等高布局是一种常见的需求，它要求网页中的多个列即使内容不同，高度也能够保持一致，从而使得视觉效果更加统一和整洁。"多列等高的CSS实现"是一个重要的技术主题，特别是在响应式设计和网格系统...
例如，`grid-template-columns: repeat(3, 1fr)`会创建三列等宽的布局，而`grid-auto-rows: minmax(auto, 1fr)`则保证了所有行的高度一致。Grid布局同样具有良好的响应性和动态内容适应性。 在实际应用中，我们可以...
自适应三列等高布局旧版flex.html
三列等高CSS布局的一个实例， 修改国外的一个demo， 兼容到了IE5.5 和标准的浏览器OperaFirefoxSafari。 不过hack太多，不是很喜欢这样做。全部代码如下： <?xmlversion=1.0encoding=gb2312?><!...
CSS三行三列等高布局图文教程 本文将详细介绍如何使用CSS实现三行三列等高布局，并提供了详细的图文教程。 一、创建结构 首先，我们需要创建一个基本的HTML结构，包括header、container和footer三个部分。 ```...
纯CSS实现三列DIV等高布局.html纯CSS实现三列DIV等高布局.html纯CSS实现三列DIV等高布局.html纯CSS实现三列DIV等高布局.html
三列自适应等高且中列宽度自适应
多列等高
3. **内插方法**：等高线内插常用的方法有最近邻法、线性内插、样条函数内插（如自然邻接样条、三次样条）、克里金内插等。每种方法都有其优缺点，例如，最近邻法简单快速但可能不够平滑，样条函数内插则能提供更...
3. 图形绘制：使用GDI+（Graphics Device Interface Plus）或者更现代的WPF（Windows Presentation Foundation）图形库，将等高线绘制到图像上，同时可能包括颜色编码以表示高度差异。 4. 用户交互：如果是一个完整...
等高线图是一种显示数据表面变化的有效方式，通常用于表示三维数据在二维平面上的投影，通过密集程度和颜色深浅来展现不同区域的数值差异。在Origin中绘制等高线图可以分为几个步骤，下面将详细介绍这些步骤以及一些...
本文将详细讲解如何利用 jQuery 实现左右等高效果，包括多列等高和等宽。 首先，我们需要理解等高布局的基本概念。在左右布局中，通常左侧和右侧的内容区域需要保持高度一致，即使它们的内容量不同。这样做可以确保...
等高线图是一种二维图表形式，用于表示三维地形的轮廓特征。在地图上，等高线通常用来表示不同高度的地表形状。每一条等高线代表一个恒定的高度值，而这些线的分布密度则反映了地表起伏的剧烈程度。等高线图不仅可以...
本文将详细讲解三种使用CSS实现多列等高布局的方法：弹性盒子布局（Flexbox）、表格单元格布局（Table-Cell）以及假等高列布局（Padding-Margin负值）。 1. **弹性盒子布局（Flexbox）** Flexbox是CSS3引入的一种...
本主题聚焦于"AutoCAD等高线生成三维地形插件"，这是一种专门针对地形测绘和地理信息系统（GIS）的应用，能够将等高线数据转化为逼真的三维地形模型。 等高线是地图上表示地表高度变化的曲线，每条等高线代表一个...
1. **准备数据**：你需要一个包含三列的数据表，第一列通常代表X轴值，第二列代表Y轴值，第三列对应X-Y坐标点上的Z轴（高度或密度）值。 2. **选择图表类型**：在Excel的数据菜单中，选择“插入”->“图表”，然后...
本文主要探讨了基于等高线数据的三维地形建模方法，并采用3ds Max软件完成地形建模，同时介绍了模型的优化技术。 数字地球理论的提出和发展，加速了三维数字化表达技术的进步。数字地球技术系统具有空间化、数字化...
3. 等高线间距调整：根据实际地形需求，插件允许用户自定义等高线的间距，使得等高线分布更加均匀合理。 4. 错误修正：如果发现等高线存在错误，如错位、交叉等，插件提供便捷的工具进行快速修正，保证等高线的正确...
- `contour3(X,Y,Z,v)`：在三维空间中绘制等高线，参数含义与`contour`相同。 #### 二、数据准备与处理 **数据格式：** 原始数据应组织成一个二维数组`height`，其元素代表不同位置的高度值。本例中，`width`和`...