大猫 (Madao) - まるでダメなおっさん

IE浮动和对齐的错误

by bigCat 17 Comments


(1,024 x 768点我点我) 帖子无聊就看看图吧

如果在CSS中将元素的float和text-align的方向设为一致,则在IE6中边界会被显示为声明值的2倍,如下图

其解决方法就是设置元素的显示(display)属性为inline,如下所示:

#float_left {
margin 0 15px;
float:left;
background:#FD5C7B;
_display:inline;
}

在阳光下看书真是一种享受,<<别具光芒DIV+CSS网页布局与美化>>,让我对网页设计有了更深入的认识,修正了很多误区.此书的PDF版本网上有流传,有钱宁还是推荐支持正版

基础不扎实的后果就是常常有莫名其妙的问题,曾经的学习方式是遇到问题,搜索解答,并不系统和全面,对问题的理解和认识也不深刻

晚上送贱贱走的时候路边一家广告牌上的MYSELF被我看成MYSQL,恩,表示我进入状态了

——update———————

小时候学CSS的笔记,这个常见的蛋疼bug修复的时候最好用_display,这样只有IE6认识,否则会影响其他浏览器
DIV+CSS ,挖哈哈,丢今天又要被一群人鄙视了

Comments ( 17 )

  1. Replymomosam
    忽然兴起看看你的博,然后就翻了10几页,看完所有文章.... 小子真TM有才啊......最近老听戴铿提起千岛湖..原来是这么个东西.
    汗..翻了十几页...那是我忽悠了好几个月的文章哈 千岛湖是个不错的馆子,价廉物美~ 原来你在blogbus写的...我只订了msnspace的呵呵
  2. ReplyDonald
    果然...刚才无奈下线沙发是跑了...唉~~ 网络时代当然是搜索之...搜索100度不如全能搜索360度... 进入状态了...=。=
    哈哈,yahoo的广告~
  3. Reply宅哥
    IE其实是星际财团NPC ,一身绷带...不过IE7比起IE6来好太多太多了
    那firefox就是npc口中的肉人了哈哈,但是,市场占有率来说,IE6是绝对不能忽视的,而且要优先于FF和ie7
  4. Reply宅哥
    对了,推荐一本书:《CSS禅意花园》,我不介意以此作为大猫的圣诞礼物,只要你给我地址…… 给个当当的链接:http://product.dangdang.com/product.aspx?product_id=9293450
    哈,大名鼎鼎的,当然知道了~ 我现在刚入门,还在看基础呢 还借了本CSS The Definitive Guide,看来借对了,果然很权威
  5. Replyakuii
    大猫,PDF拿来...偶要...
    google书名,第二个就是pdf下载
  6. Reply摩摩诘
    最后一句话比较经典 为什么你发的图片都那么诱人妮~~?
    压轴的,哇哈哈
  7. Replyvern
    准备可以帮我做主题啦,哈哈
    哈,刚学呢
  8. ReplyUnreal
    Myself MySQL ................................................... ......................... ........... . . . .
    天黑..眼神不好...会...
  9. Replymercy
    艺多不压身,多学点东西总没什么坏处。 除非又有伟人振臂一呼,知识越多越反动~
    老师所言甚是
  10. Replymercy
    题图:蝴蝶犬和蝴蝶的爱情?
    啊,那狗是蝴蝶犬?...
  11. Reply微方传媒
    解决了,很有用。3q
  12. Replypaper
    “如果在CSS中将元素的float和text-align的方向设为一致,则在IE6中边界会被显示为声明值的2倍”。 猫哥,你试一试text-align的方向与float不一致会怎样? 而且你文章中的代码例子,更是木有text-align。。。。,额.....这让我们情何以堪~~ :?:
  13. Reply匿名
    唉,你搞错啦,ie6的双倍边距BUG应该是:如果在浮动方向上有边距值就会是双倍边距。比如说在左浮动时,如果有左边距,那左边距就*2,如果只有右边距值(或其它方向)就没事。这只在ie6下有这BUG。

Leave a reply

Your email address will not be published.

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>