Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

ÔÚfirefoxÓëIEÏÂDIV+CSS PaddingЧ¹û²»Í¬µÄ½â¾ö·½·¨

<div style="padding-top:5px;width:200px;height:15px;background-color:#ffeeee"> test </div>
ÒÔÉÏ´úÂëÔÚIEÖкÍfirefox»áÓв»Í¬µÄЧ¹û.×îÖ÷ÒªÔ­ÒòÊÇfirefox½âÊÍpadding-topÓëIEµÄЧ¹û²»Í¬
fixfox¶ÔDIV×ܸ߶ÈÊÇpadding-top+heightµÄ,¶øIEÖÐ,padding-topÊǰüº¬ÔÚheightÖеÄ,
Òª½â¾öÕâÒ»¸öì¶Ü,¿ÉÒÔÀûÓÃ!important
padding-top:5px;
height:10px !important;
height:15px;
ÒÔÉ϶¨ÒåÁËÁ½¸öheight, ÆäÖÐÒ»¸öºóÃæ¼ÓÁË!important , IE½«»áºöÂÔÕâ¸öÊôÐÔ,¶øÊ¹ÓúóÃæµÄheight:15px; ¶øfirefoxÈ´²»»áºöÂÔÕâ¸öÊôÐÔ, Ö±½ÓʹÓÃheight:10px
ÕâÑù¾Í¿ÉÒÔºÜÇÉÃîµÄ½â¾öÕâ¸öÎÊÌâ


Ïà¹ØÎĵµ£º

ÓÃCSSʵÏÖHTMLÔª¼þµÄ¾ø¶Ô¶¨Î»


ʾÀý£º´ËDIVΪ¹Ì¶¨¶¨Î»¶ÔÏó
ҪʹHTMLÔª¼þ¶¨Î»ÓÚä¯ÀÀÆ÷µÄij¸ö¹Ì¶¨Î»Ö㬶ø²»Ëæ¹ö¶¯Ìõ¹ö¶¯£¬ÓÃÒÔÏÂCSS´úÂë¼´¿É£¬¿ç¸÷¸öÖ÷Á÷ä¯ÀÀÆ÷£º POSITION: fixed! important; TOP: 100px; _position: absolute; _top: 40; _left: 100¡£
ʾÀý¼ûÓұ߻Ƶ׺ì×Ö¿é¡£ ......

cssÑùʽÏà¹ØÖªÊ¶Ð¡½á

¿ÉÒÔ·ÅÖÃÑùʽµÄµØ·½£ºÑùʽ±í£¬<style>ºÍstyle
Ñùʽ±íÊÇÒ»¸ö¶ÀÁ¢µÄÎļþ£¬¿ÉÒÔͨ¹ý<link>ÔªËØ»òÕßcssµÄ@importÓï¾ä°ÑËü¸½¼Óµ½Ä³¸öhtmlÎĵµÖУ¬<style>ÊÇÒ»¸öhtmlÔªËØ£¬¿ÉÒÔ°ÑËüÄÚǶÔÚhtmlÎĵµÖУ¬styleÊÇÒ»¸öÊôÐÔ£¬¿ÉÒÔÄÚÖÃÔÚÈκÎhtmlÔªËØÖС£
ÒªÏë°ÑÑùʽ±íÁ¬µ½htmlÎĵµÖУ¬ÒªÔÚhtmlÎĵµÖеÄ<head> ......

css:padding

¼ä϶ÊôÐÔÊÇÓÃÀ´ÉèÖÃÔªËØÄÚÈݵ½ÔªËر߽çµÄ¾àÀë¡£°üÀ¨£º
1£©×ó¼ä϶ÊôÐÔ£¨padding-left£©
Õâ¸öÊôÐÔÓÃÀ´É趨×ó¼ä϶µÄ¿í¶È¡£ÀýÈ磺
.d1{padding-left:1cm}
2£©ÓÒ¼ä϶ÊôÐÔ£¨padding-right£©
Õâ¸öÊôÐÔÓÃÀ´É趨ÓÒ¼ä϶µÄ¿í¶È¡£ÀýÈ磺
.d1 {padding-right:1cm}
3£©Éϼä϶ÊôÐÔ£¨padding-top£©
Õâ¸öÊôÐÔÓÃÀ´É趨Éϼä϶µÄ¿í¶È¡£À ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ