文档章节

等高2三列布局

0000001
 0000001
发布于 2014/11/07 14:34
字数 93
阅读 73
收藏 4

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

*{padding:0; margin:0;}

.wrap{ position:relative; overflow:hidden; zoom:1;}

.left{ float:left; padding-bottom:1000px; margin-bottom:-1000px; background-color:#f00;}

.right{float:left; padding-bottom:1000px; margin-bottom:-1000px;background-color:#000; color:#fff;}

.c{background:#eee;zoom:1;overflow:hidden; padding-bottom:1000px; margin-bottom:-1000px;}

</style>

</head>

<body>

<div>

<div>

00<br/>

00<br/>

00<br/>

</div>

<div>

00<br/>

00<br/>

00<br/>

00<br/>

00<br/>

00<br/>

</div>

<div>

sss

</div>

</div>

</body>

</html>


© 著作权归作者所有

上一篇: win7下安装nodejs
下一篇: 等高1
0000001
粉丝 34
博文 141
码字总数 46256
作品 0
朝阳
前端工程师
私信 提问
css经典布局系列三——三列布局(圣杯布局、双飞翼布局)

三列布局背景介绍 三列元素,左右元素固定宽度; 中间元素自适应; 定位实现三列布局 左右两列绝对定位并且固定宽度; 中间元素自适应,且左右margin设置为左右元素的宽度; 定位的缺点:当出...

木头房子
04/22
0
0
分享用纯CSS实现三列DIV等高布局的方法

DIV等高布局,我想很多人都遇见过,我也看过不少的方法,有的是通过背景图片,实现假象的等高效果;还有的用js实现等等。这些都是方法,但是现在都不用以上的方法,来个真正的纯css实现等高!...

^6^|^6^
2011/12/01
0
0
【CSS】margin负值 – 一个秘密武器

CSS盒模型中,margin是我们老熟悉的一个属性了, 它的负值你用过吗? 你知道margin负值的秘密武器吗?我们一起看看吧! 1、带竖线分隔的横向列表(例如:网站底部栏目) 传统的分隔符是使用 ...

呢喃的猫咪
2013/03/20
0
1
左右两栏等高实现方法

等高布局在实际的应用中会经常用到。最常见的是左边的内容很多。而右边的内容却很少。为了不让右边出现太多的空白,有时需要让右边的高度和左边的保持一致。实现的方法有很多,以前一般是用背...

ys-l
2010/01/01
238
0
圣杯布局(holy grail)总结

什么是圣杯布局? 根据 wikipedia词条,圣杯指多列等高的网页布局。因为目前的实现方法都存在局限,而又很难找到一个最优解,圣杯因此而得名。 holy-grail.png 在Matthew Levine 的文章 中提...

一拾五
2018/01/14
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Visual Paradigm 教程[UML]:如何绘制封装图?(上)

下载Visual Paradigm最新试用版 查看本教程视频文件 在项目开始时,您只有有限数量的图表,一切都简单而美观。然而,当时间过得匆匆时,已经创建了越来越多的图表,并且它们开始变得无法管理...

xiaochuachua
27分钟前
0
0
Pure-ftpd服务安装及虚拟用户设置

安装 sudo apt-get install pure-ftpd 虚拟用户设置 首先,可以在系统中添加相应的用户和组,如用户ftpuser 和组ftpgroup ,专门用来管理ftp服务。也可以是能登录系统的用户,但最好是不能登...

Gm_ning
29分钟前
0
0
一位面试了阿里,滴滴,网易,蚂蚁金服,最终有幸去了网易的Java程序员【面试题分享】

前言 15年毕业到现在也近三年了,最近面试了阿里集团(菜鸟网络,蚂蚁金服),网易,滴滴,点我达,最终收到点我达,网易offer,蚂蚁金服二面挂掉,菜鸟网络一个月了还在流程中... 最终有幸去...

Java领航员
30分钟前
1
0
“大团队”和“敏捷开发”,谁说不可兼得?

阿里妹导读:当小团队的产出跟不上业务需要,团队就面临规模化的问题。从1个团队到3个团队,仍可以通过简单的团队沟通保持高效协作。当产品复杂到需要5个以上团队同时开发时,我们需要一定的...

阿里云云栖社区
34分钟前
0
0
基于虹软人脸识别Demo android人脸识别

参加一个比赛,指定用虹软的人脸识别功能,奈何虹软人脸识别要自己建人脸库,不然就只能离线用,总不能装个样子,简单看了下虹软Demo,下面决定用这种简单方法实现在线人脸识别: Android端(...

是哇兴哥棒棒哒
39分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部