十二 04 2009

CSS点滴-避免溢出,尽量规定子div的width

Published by 再苦也要微笑 at 星期五, 十二月 4, 2009 under DIV+CSS

假如,当你的div里面有张比div本身宽的图片,例如199px的图片,而你的父div1的width=199px 并浮动 ,子div2的width为空,且子div2有border为1px;
在ie6下,#2的实际宽度为201px=199px的图片+2px的border,与希望效果吻合ie6并没有将父div的宽度继承,而是硬生生的将图片实际的width+2px的border;
那么在ie7下 #2的实际宽度将会为200px=199px的图片+左面1px的border;你会发现,右面的borrder没了,其实他只是被你的这张图片压住了,显示在第199px处,ie7会严谨的按照你的描述继承父div的宽度,width=199px 其中已经包括2px的border,即使它显示不出来,不过,这真的会让你无所适从,溢出,很无奈

总结,为了避免溢出,在做div的时候一定请严谨

请确定子容器的width不会溢出,精细到每一个像素

Tags:ZOUBIN.COM

No responses yet

Trackback URI | Comments RSS

Leave a Reply



不丢失数据 不丢失资料 不能访问flv 中国人 中文域名 信用卡套现 信用卡网上套现 做网站赚钱 八小时工作制 六小时工作制 关键字 北京 单个mysql表 卡车 回忆 域名 备份和拷贝MYSQL数据库 备份数据库 大小 奥运渊源 好用的FTP工具 安全设置WEB服务器 家园闯关东 密度 快速被搜索引擎收录教程 怎样配置服务器 恢复mysql 抵制家乐福 搜索优化 搜索引擎 新站SEO 无损调整主分区 无损调整系统分区 无法除去该用户 服务器配置 汶川地震 烦躁 百度优化 目录过长 网站兼容性测试 网赚 网页兼容性问题 网页权重 网页滑动门 网页重要度 调整主分区 调整主分区大小 调整主分区容量 调整系统分区 调整系统分区大小 调整系统分区容量 选定的用户拥有对象 邹斌 配置iis 重启php 重启php.ini 重载php.ini 闯关东宋祖英 闯关东宋祖英歌词 验证码不正确 1元cn 1U 2U U 8小时工作制 cn域名 CSS兼容性调试 css滑动门 dede验证码 dede验证码不正确 div高度自适应 Div + CSS 高度自适应 dreamweaver里的正则 FlashFXP v3.6 Final flv IIS应用程序池进程 iisapp命令 iisweb服务器完美解决方案 Keyword De ity margin MultipleIE mysql创建用户 Mysql数据的修复 Olympics padding php php.ini phpmyadmin创建数据库 phpmyadmin创建用户 pid来解决IIS的cpu占用率过高 sa密码 seo Seo sql SQL2000 web服务器安全处理 windows2003安全设置 WordPress全角半角 wordpress标签 wordpress标签云 wordpress符号