作者eliang ()
看板Web_Design
标题Re: [问题] CSS的宽度
时间Sun Feb 5 03:20:11 2006
※ 引述《sidawei (不去意识)》之铭言：
: width:660px;
: padding: 5px 0px 5px 40px;
: 这样的方式在FX中，总宽度会是700px
: 而在IE之中则是660px
: 是否有其他比较好的方式来解决呢？
假设你要设定 .box 的总宽度为 660px, 左内距 40px, 上下内距各 5px,
你可以这样做:
.box {
width: 660px;
padding: 5px 0px 5px 40px;
}
html>body .box {
width: 620px;
padding: 5px 0px 5px 40px;
}
第一个是给 IE 用的, 而因为 IE 不认得 ">" 的用法, 所以第二个会被 IE 忽略,
而 Firefox 认得 ">", 所以第二个会被 Firefox 采用
这种技巧叫 CSS hack, 不同浏览器有不同 hack 的方法,
想要进一步了解的话, 你可以上 google 找找看
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 218.35.56.37
※ 编辑: eliang 来自: 218.35.56.37 (02/05 03:20)
1F：推 milen:...........= =""~~原来还有这样子玩的@_@" 02/05 03:47
2F：推 sidawei:谢谢提供资讯 02/05 11:10
3F：推 ileadu:我得附注一点.. 我试用了 IE7 他会认得 > 了 >_< 02/05 12:56
4F：→ ileadu:这hack 技巧到 IE7 後就又不管用了 @_@ 02/05 12:58