首页 ┆ 网站地图 ┆ 在线留言 ┆ 游戏资讯 ┆ 资源下载  ┆ 端午节祝福 
设为首页
加入收藏
联系我们
热门关键字: .net应用  操作系统  Dreamweaver  WinRAR  网络推广
高级搜索
您当前的位置: 主页>网站制作>网页特效>当左右内容高度不定时,中间分割线的实现方法
当左右内容高度不定时,中间分割线的实现方法
来源: 发布时间:2008-06-19 发布人: 浏览: 人次   字体: [ ]  
       有时我们需要一条竖线,分割网页内容左右两边,但是两边的高度又不定,可能左边高也可能右边高,如果给左边或者右边定义边线都有可能会无法贯通整个高度。

        这是一个常见的左右布局需要高度自适应的例子,但是由于它只需要中间的分割线,所以可以采用一个比较特殊的处理方法:
       1 给左边的div设定右边线;给右边的div设定左边线;这样无路哪个高都将有边线显示。
       2 设定负边距,让这两条边线重叠成1条。
      本例只是一个原形,在ff和ie7内通过测试。 请看示例效果:

 请看示例代码:


共2页: 上一页 1 [2] 下一页
↓下一篇:没有了
相 关 文 章   发布商链接
·CSS条状图表形式的实现方法
·符合WEB标准的滚动文字特效的实现方...
·CSS制作网页布局实例:隐藏input文字
·详细讲解网页中的Flash弹出网页窗口
·图片左右滚动代码,鼠标放上去可暂停...
·教您实现Div的动态伸缩效果
·CSS实现目录树中结点间空白的处理
·实例解决Div被Select挡住问题方法
·一段无图片纯CSS实现圆角的代码
·通过CSS来动态改变界面样式实例
 §最新评论:(评论内容只代表网友观点,与本站立场无关!)
网名: 验证码:  【所有评论】【↑返回顶部
评 分: 12 345
评论内容:(不能超过500字,请自觉遵守互联网相关政策法规。[按 Ctrl+Enter 可直接提交]
注意:请勿在本站发布政治话题、色情及违反法律的内容。
IT知道网 声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。
推 荐 文 章
·利用CSS样式控制打印页面显示
·CSS样式实现文字分散对齐的方
·CSS实现多种多彩文字链接代码
·解决长串英文字母将表格伸的...
·CSS模拟windows菜单选项卡效...
·样式表固定table表头和列代码
·DIV+CSS两个简单的导航效果,...
·Css样式表实现文字的渐变效果
·动态添加表单两法
·无刷新更换页面样式例子供大...
·网页CSS样式表学习技巧小记,
·淘宝在线状态和qq在线状态的...
·仿windows关机对话框的提示框
·网页表格制作之圆圈型表格的...
·CSS解决倾斜鼠标翻转导航制作
热 门 文 章
·淘宝在线状态和qq在线状态的...
·图片左右滚动代码,鼠标放上去...
·css固定定位实现悬浮效果
·教您实现Div的动态伸缩效果 ...
·通过CSS来动态改变界面样式实...
·实例解决Div被Select挡住问题...
·CSS模拟windows菜单选项卡效...
·仿windows关机对话框的提示框...
·样式表固定table表头和列代码
·通过css改变图片显示的内容
·无刷新更换页面样式例子供大...
·一段无图片纯CSS实现圆角的代...
·符合WEB标准的滚动文字特效的...
·网页CSS样式表学习技巧小记,...
·DIV+CSS两个简单的导航效果,...
网站首页 - 关于本站 - 加入收藏 - 网站地图 - 友情连接 - 在线留言 - 联系我们 - 返回顶部
Copyright © 2007 IT知道网.[冀ICP备07026896号]. All Rights Reserved .