CSS£¬Ç³ÎöpositionÖÐRelativeºÍAbsolute
¶ÔPOSITIONµÄÉî¿ÌÀí½âÊÇDIV+CSS±Ø²»¿ÉÉÙµÄÄÚ¹¦¡£
Õ⼸Ìì×öǰ¶ËÓöµ½ºÜ¶àÑùʽÎÊÌ⣬×îºó·¢ÏÖ¶¼ÊÇÒòΪÕâ¸öPOSITIONÒýÆðµÄ£¬ÓÚÊDzéÕÒ×ÊÁÏ£¬×öÁËʵÑ飬µÃ³ö×Ô¼ºµÄÒ»Ì×Àí½â£¬ÎÒÈÏΪ»¹ÊDZÈÏÖÔÚÍøÉϵÄ˵·¨ÈÝÒ×Àí½â¶àÁË¡£
»ù±¾ËµÃ÷Çë²ÎÕÕW3CSHCOOL£¬ÕâÀï½ö̸ÎÒ¸öÈ˵ÄÀí½â¡£
Relative:
1£¬ÓÃleft,top,bottom,rightÏà¶ÔÓÚstaticµÄλÖÃµÄÆ«ÒÆ
2£¬ÉèÖÃΪrelativeµÄDIVÀïµÄËùÓÐÔªËØ¶¼Ïà¶ÔÓÚ¸ÃDIV¶¨Î»
Absolute:
1£¬ÔªËؾÍÍÑÀëÁËÎĵµ¡¾¼´ÔÚÎĵµÖÐÒѾ²»Õ¼¾ÝλÖÃÁË¡¿
2£¬´Ó¸¸¼¶ÔªËØ¿ªÊ¼£¬Ïà¶ÔÓÚµÚÒ»¸ö·ÇstaticµÄÔªËØ¶¨Î»£¬Èô¶¼ÊÇstatic£¬ÔòÏà¶ÔÓÚä¯ÀÀÆ÷¶¨Î»
3£¬Èô²»ÉèÖÃtop,buttom,left,right£¬Ö»ÓÐÉèÖÃÁ˵ķ½Ïò»áÐÐʹabsoluteµÄ¹¦ÄÜ
ÍÆ¼öÐÅÏ¢
- CSS²¼¾ÖµÄ8¸öÄãÐèÒªÕÆÎյļ¼ÇÉ
- IE6¡¢IE7 ¡¢IE8¡¢FFµÄCSSHack
- ̽¾¿cssÖи÷ÖÖÇé¿öϵÄÔªËØµÄ´¹Ö±ºÍˮƽ¾ÓÖеÄÎÊÌâ
- YahooÍŶӾÑé£ºÍøÕ¾ÐÔÄÜÓÅ»¯µÄ34Ìõ»Æ½ð·¨Ôò(ת)
- HTMLÖÐÀûÓÃ404½«ÀÏÓòÃûÖØ¶¨Ïòµ½ÐÂÓòÃû
- ÈÃdiv¸¡ÓÚselectÖ®ÉÏ
- ¼¸Æª¹ØÓÚºÐ×ÓÄ£Ð͵ÄÎÄÕ£¬ÈÕºó·½±ã¼ìË÷£º
- Css ÑùʽʹÓþÑé×ܽá
- display:inline-blockµÄÉîÈëÀí½â
- ÈçºÎÔÚÍøÒ³ÖÐǶÈëÌØÊâ×ÖÌå
ÈÈÃÅÐÅÏ¢
- nohup: redirecting stderr to stdou....
- ʹÓÃlog_formatΪNginx·þÎñÆ÷ÉèÖøüÏêϸµÄÈÕÖ¾¸ñʽ
- jquery easyUI--dataGrid-Json
- [Ô´´]·ÂGoogle Reader¡¢ÐÂÀË΢²©¡¢ÌÚѶ΢²©µ....
- ÀûÓÃKeepalived+mysql¹¹½¨¸ß¿ÉÓÃMySQLË«Ö÷×Ô¶....
- Nginx+keepalivedʵÏÖ¸ºÔؾùºâºÍË«»úÈȱ¸¸ß¿ÉÓÃ
- jqueryʵÏÖÒ³Ãæ¼ÓÔØ½ø¶ÈÌõ
- Rolling cURL: PHP²¢·¢×î¼Ñʵ¼ù
- codeigniter ·ÓÉÖÕ¼«ÓÅ»¯(url rewrite)
- linuxÏÂÉèÖÃsshÎÞÃÜÂëµÇ¼
×î½ü¸üÐÂ
- ´ó±¥ÑÛ¸£ 7¿îÀàÐ͸÷ÒìµÄCSS3ʵÓò˵¥
- div+css¶àä¯ÀÀÆ÷²âÊÔ·½·¨
- cssËõд¸øÍøÕ¾¼ÓËÙ£¬ÆäʵºÜ¶àʱºò¶¼»áÓõ½
- ´¿CSS´òÔìBubbleÆøÅÝÌáʾ¿ò
- CSSʵÏÖͼƬ°´±ÈÀýËõ·Å
- CSS¼¼ÇÉÈÃÄãµÄÍøÕ¾¸üÉÏÒ»²ãÂ¥
- ¹Ì¶¨¸ß¶Èdiv,ËæÄÚÈÝ×Ô¶¯±ä¸ßcss¶¨Òå·½·¨
- web¼æÈݸ÷¸öä¯ÀÀÆ÷×îС¸ß¶ÈµÄд·¨
- CSS£¬Ç³ÎöpositionÖÐRelativeºÍAbsolute
- 12ÌõÔÔò£º±£³ÖHTML´úÂëÕû½à&¹æ·¶
ÆÀÂÛ