取巧的边框等高
来源：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
投稿猜你喜欢
- Composer的基本使用在项目中使用composer.json在项目中使用composer，你需要有一个composer.json文件，此
前言：看本教程，必须先仔细看前言的内容,否则会进入误区！最近在做个性休闲服装内网站的设计课程，过程中发现，个性元素的应用成为最难的问题，第一- 文通过一个操作实例来说明SQL中主标识列IDENTITY的使用技巧。要求：在 sql server 2005中，建立数据表book，在表bo
- 西刺代理是一个国内IP代理，由于代理倒闭了，所以我就把原来的代码放出来供大家学习吧。镜像地址：https://www.blib.cn/url
- 1.在搭建网络开始时，会调用到 keras.models的Sequential()方法，返回一个model参数表示模型2.model参数里面
- 前言正则表达式是一个特殊的字符序列，它能帮助你方便的检查一个字符串是否与某种模式匹配。Python 自1.5版本起增加了re 模块，它提供
- 除了第一年外，谷歌每年母亲节都会更换主页的logo以向全世界的母亲致敬。虽然2000年和2001年母亲节的logo图片看起来没什么不同，但是
- xhEditor简介xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化HTML编辑器，基于网络访问并且兼容IE 6.0+,
- Python内建了map()和reduce()函数。如果你读过Google的那篇大名鼎鼎的论文“MapReduce: Simplified
- 实现了宽度、高度、透明度的渐变，还能以高度宽度中点为中心，还扩展成以任意点为中心渐变（实例中以点击点为中心）。<!DOCTYPE ht
- 熟悉js的朋友很多都遇到过js的数组与字符串相互转换的情况，本文就此作一简单介绍，示例如下：一、数组转字符串需要将数组元素用某个字符连接成字
- 废话不多说，直接上代码！# coding:utf-8from multiprocessing import Poolimport timed
- div的内容为：<div style="background-color: rgb(255, 238, 221);"
- 本文实例为大家分享了python实现五子棋游戏的具体代码，供大家参考，具体内容如下一、运行截图：二、代码# 用数组定义一个棋盘，棋盘大小为
- Hedger Wang 在国内 blog 上得到的方法：使用 try … finally 结构来使对象最终为 null ，以阻止内存泄露。其
- 本文实例讲述了python获取文件扩展名的方法。分享给大家供大家参考。具体实现方法如下：import os.path def file_ex
- 本文实例讲述了Python XlsxWriter模块Chart类用法。分享给大家供大家参考，具体如下：一 点睛Chart类是XlsxWrit
- flask响应错误处理及errorhandler应用@app.errorhandler(404)def page_not_found(err
- 程序员的浪漫，你懂吗？今天使用python小海龟实现爱心图案的绘制，代码如下：import turtleimport time# 清屏函数d
- 第一种方法:这个是删除单字段图片的代码。比较简单，因为图片字段已经预先存在数据库表的bookpic的字段里面了。 代码如下: <!-
