纯CSS实现三列DIV等高布局
2024-09-12 19:35:29
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
*
{
margin: 0;
padding: 0;
}
#wrap
{
overflow: hidden;
width: 1000px;
margin: 0 auto;
}
#left, #center, #right
{
margin-bottom: -10000px;
padding-bottom: 10000px;
}
#left
{
float: left;
width: 250px;
background: #00FFFF;
}
#center
{
float: left;
width: 500px;
background: #FF0000;
}
#right
{
float: right;
width: 250px;
background: #00FF00;
}
</style>
</head>
<body>
<div id="wrap">
<div id="left">
<p>
left</p>
<p>
left</p>
<p>
left</p>
<p>
left</p>
<p>
left</p>
</div>
<div id="center">
<p>
center</p>
<p>
center</p>
<p>
center</p>
<p>
center</p>
<p>
center</p>
<p>
center</p>
<p>
center</p>
<p>
center</p>
<p>
center</p>
</div>
<div id="right">
<p>
right</p>
<p>
right</p>
<p>
right</p>
</div>
</div>
</body>
</html>
最新文章
- 以太坊智能合约Hello World示例程序
- python基础五
- iOS权限管理思路
- 烂泥：KVM安装centos6.5系统
- jQuery Uploadify在ASP.NET MVC中的使用
- bzoj2431: [HAOI2009]逆序对数列
- Android -- 利用Broadcast开启Service(转)
- 用Jfree实现条形柱状图表，java代码实现
- Ubuntu 下的环境变量配置
- Unity SLua 如何调用Unity中C#方法
- Java面向对象之抽象类，接口
- 给你的网页添加一个随机的BGM
- solr之环境配置一
- 远程连接你的linux服务器
- Java高并发和多线程系列 - 1. 线程基本概念
- 大话存储 1 - 走进计算机IO世界
- Android——代码中使用颜色值
- Node.js 文件系统fs模块
- IIS发布网站之后，页面图片和js未加载出错
- POST与GET请求的区别