取巧的边框等高
来源：Prower 发布时间：2009-12-16 12:11:00
标签：边框,等高,css,border
左右结构是平常页面中最经常看到的结构，简洁一些的页面就会使用边框将左右两边隔开，但往往由于左右两边的内容可能是不等高的，所以就会有一高一低的现象。这个时候不管是给A写个边框还是给B写个边框，都会有高低不平，解决这个边框的高低不平之前有看过很多解决方法，但总的来说有些复杂，其实有一种取巧的方法就可以做到，那就是利用CSS属性中的负值。
比如这个示例图中的边框，取一个DIV将A、B两部分都包容起来，然后写border：1px solid #000;再给A容器写右边框border-right:1px solid #000;B容器也写边框border-left:1px solid #000;这样不管哪边高哪边低，都会保证起码有一条边框线是从头到底的。
但这样两条边框线就会造成重复，于是可以给B容器写margin-left:-1px;这样让两条边框重叠在一起，即可解决边框重复的问题。
0
投稿猜你喜欢
- 密码已经是我们生活工作中必不可少的工具,但一个不安全的密码有又有可能会给我们造成不必要的损失。作为网站设计者,如果我们在网页中能对用户输入的
- 此类技巧还有很多，欢迎继续分享解析 URL从 James Padolsey 的 Blog中看到的个小技巧，就是利用 a 标签的 DOM 属性
- 直接调用系统的颜色显示在网页上本来是件很好玩滴事，但是，也有个缺点，就是可用的色太少 比如Bindows在它的启动画面一点点应用。=。= 上
如果说亲密性原则是对元素的归类组合，是将元素之间逻辑理解上的差异在视觉上表现出来，是属于信息分类的话，那么对齐原则即是在视觉上串起这些差异化- 用 ASP (using jscript) 在服务端创建 GUID 的代码如下：function GUID(){ ret
- 一个asp读取数据库中数据到数组的类，仅供参考！DbPath = "test.mdb"’数据库位置&
- MySQL的Explain命令用于查看执行效果。虽然这个命令只能搭配select类型语句使用，如果你想查看update，delete类型语句
- 一个用asp来处理jmail发信的过程，及使用方法. 发信时，直接调用这个过程就行了，很方便。<％ dim
- ASP开发中有用的函数（function）集合，挺有用的，请大家保留！'******************************
- 今早打开 腾讯ISD的博客 ，看到一篇新的文章，《迷你屋视觉规范简介》，赶紧看了来学习。不过给我抓到问题咯，臭鱼不介意我在这说下吧：这套规范
- Web Standards Solutions The Markup and Style Handbook - Chapter 1 清单首发
- FCKeditor是目前互联网上最好的在线编辑器，功能强大，支持IE 5.5+ (Windows), Fire
- 登录页面能访问得到，但当执行下级目录的文件就不行了，浏览器直接跳出以下错误页面： 除些以外没有任何其它有价值的信息，因为此网站在我的电脑上执
- 如题在SQL中 SELECT ... FROM ... ORDER BY abc ASC; 如果abc是字符串，那么结果会按照a-z 中文按
- 情景互动广告是指需要广告画面外的物体来参与的广告，例如：ps：这是我收集的，大家慢慢看吧！其中有大多数收集http://www.netnoe
- 在计算机中数据有两种特征：类型和长度。所谓数据类型就是以数据的表现方式和存储方式来划分的数据的种类。在SQL Server 中每个变量、参数
- iou33449999 文：一个链接 一个层 一个onMouseOver 一个onMouseOut然后这个层就会在onMouseOver这个
- 原文作者：青女 附注及色样添加：Quester西式的色名及色样表，可以参见以下链接 (Java 类色彩兼容)：http
- JS在firefox中的兼容性问题,自己也经常遇到.此文是网上资料,不过时间较久不记得原址了...1. document.form.item
- 学习一些你已经知道的知识也没有什么坏处，是吧？我知道这可能并不一定非常有意义，但是很多时候我们往往知其然而不知其所以然，这会使得事情出现惊人
