ÇëÎÊDIV+CSS Õâ¸öЧ¹ûÔõô×ö?
ÇëÎÊһϠÓÃÒ»¸öDIV ¿ÉÒÔ×öµ½ÕâÑùµÄЧ¹ûÂð ?
²»ÖªÕâ¸öËã²»ËãÒ»¸öDIV£¿ HTML code: <style type="text/css"> .demo { border: 1px solid #8fb9d1; background-color: #edf8fe; padding: 5px; } .demo span { border: 1px solid #d5effc; background-color: #fff; width: 100%; display: inline-block; } </style> <div class="demo"> <span>abcdeftg</span> </div>ÒýÓà ²»ÖªÕâ¸öËã²»ËãÒ»¸öDIV£¿ HTML code <styletype="text/css"> .demo{ border: 1px solid #8fb9d1; background-color: #edf8fe; padding: 5px;} .demo span{ border: 1px solid #d5effc; background-color: #fff; width: 100%; display: inline-block;} </style> <d
Ïà¹ØÎÊ´ð£º
²»¶®ËûÍø¸ñÈçºÎÔÀí \Using Nesting Grids YUI Grids CSS provides a system for subdividing sections of your page with nestable grids. Use this technique to easily create complex layouts that go ......
¶ÔCSSÄÜ¿´¶®£¬µ«Ò»Ð©ÊôÐÔ»¹ÊDz»Äܹ»ÍêÈ«Àí½â¡£ ×Ô¼ºÖ»»áдЩ³£ÓõÄCSS¡£»¹Ã»´ïµ½´´ÔìºÍ´´Ðµĵز½¡£ ËùÒÔÏëÎÊϸ÷λǰ±²£¬Ó¦¸Ã¿´ÄDZ¾Êé½ÏºÃÄØ£¿ ½¨Òé²»ÂòÊéÍøÉÏÕҽ̳Ì×Ôѧ£¬Õâ¸ö¶«Î÷²»ÊǺÜÄÑ£¬¶àÁ·Ï°¾Í»áÁË ......
ÏÖÓÐÎÊÌâÈçÏ£º ÓÐÒ»¸ö±í¸ñ£¬±íÍ·¹Ì¶¨£¬ÉÏÏÂÍ϶¯µÄʱºò±íͷλÖò»±ä¡£ ÏÖÐèÒª×ö³É±íÍ·¹Ì¶¨£¬¶øÇÒµÚÒ»ÁÐÒ²¹Ì¶¨²»±ä£¬¶øÏÖÔÚÎÊÌâÈçÏ£º Á½¸öCSSÑùʽ£º .Freezing { position: relativ ......
ÔõôÑùÄÜÈÃÎҵĵã»÷Á´½Ó²»±ä»ÒÉ«£¡£¡ ±ÈÈ磺 index.jspÒ³ÃæÐ§¹û Ê×Ò³ ÐÂÎÅ ²úÆ· ½â¾ö·½°¸ ÎÒÊó±ê·ÅÔÚÊ×Ò³µÄʱºòËü±ä»ÒÉ«£¬µ±ÎÒµã»÷Ê×Ò³µÄʱºòÒ²ÊDZä»ÒÉ ......
ÔÚ½«htmlÒ³Ãæ×ª»»³ÉjspÒ³Ãæºó£¬ÒýÓõÄCSSÎļþµÄÑùʽ¶¼Ã»ÓÐÁË£¬ÇëÅóÓÑÃǰïæ½â¾öһϣ¡ÏÈлÁË£¡ È·ÈÏ·¾¶Ò»Ö¶øÒÑ£¬Ð´·¨ÊÇÒ»ÑùµÄ àŠ·¾¶ÊÇÎÊÌâ ÎÒÔÙ¿´¿´Ð»Ð»£¡ 1 CSS·¾¶ÒýÓÃÎÊÌâ Java code ......