¼òµ¥Div+CssÎÊÌâÇë½Ì - Web ¿ª·¢ / HTML(CSS)
HTML code:
<div id="DivC" style="float:left; height:25px; width:100%;">
<div id="Div1" style="float:left; height:25px; width:[color=#FF0000]X[/color]px;">
<div id="Div2" style="float:left; height:25px; width:[color=#FF0000]???[/color];">
</div>
ÉÏÃæ´úÂëÖУ¬Div1µÄWidthÊÓ³ÌÐòÔËÐеĽá¹û¿ÉÄܻᶯ̬±ä»¯¡££¨±ÈÈ磬ÓÐʱÊÇ100px£¬ÓÐʱÊÇ200px£©
Div1ºÍDiv2ÊÇ´¦ÓÚͬһÐС£
ÎÊ£ºDiv2Ó¦ÈçºÎ¶¨Ò壬²ÅÄÜʵÏÖ£ºÔÚDivCµÄWidthΪ100%µÄÈÝÆ÷ÄÚ£¬ÎÞÂÛDiv1ÓõôÁ˶àÉÙ¿í¶È£¬Ê£ÏµÄÈ«²¿¸øDiv2£¿
ÎÒÊÔ¹ýΪDiv2¼ÓÉÏwidth: auto »òmargin: 0px£¬¶¼²»ÐС£Ð»Ð»¡£
ÓÃJS
DIV2=DIVC-DIV1
Ö»¸ødiv1¼ÓÉÏfloat:left£¬div2²»ÓüÓ
{{
Ïà¹ØÎÊ´ð£º
ÎÒÓõÄÊÇÁ¬½Ó³Ø×öµÄ£¬ÅäÁ¬½Ó³ØµÄ·½·¨Ó¦¸ÃûÓÐ´í£¬ÎªÊ²¾ÍÊdzöÏÖÕâÖÖÎÊÌâ
javax.servlet.ServletException: javax.naming.NameNotFoundException: No object bound to name java:comp/env/test
ÇëÎÊ´óÏÀÃÇÕâÊÇÔ ......
.css1 .css2 #objid {OVERFLOW: scroll;...}
.css1 .css3 {...}
°Ñ¾ßÓй²Í¬ÑùʽµÄдµ½Ò»ÆðÁË ºÃά»¤
ÖмäÎÞ¶ººÅ£¬ÊôÓÚÑùʽǶÌ×
ÑùʽµÄ¹²Í¬µÄµØ·½Ð´ÔÚÒ»Æ𣬿ÉÒÔÊ¡µô²»±ØÒªµÄ´úÂëÐÐ~
Õâ¸ö¾ÍÊÇ´úÂë ......
display:inline-block;
overflow:hidden;£¨ÍøÂçÉϲéÕÒÊÇÓ°²ØÒç³ö£¬µ«ÊDzâÊÔÆðÀ´¸Ð¾õ²»Ì«Ã÷°×£©
position:relative;£¨¾ø¶Ô¶¨Î»£¬²»ÖªµÀ¶Ô²»¶Ô£©
position:absolute;
ÕâËĸöÊôÐÔÔÚCSSÀïÃæ³öÏÖƵÂʱȽϸߣ¬¸ßÊÖÖ¸µã ......
ÎÒÕâÑùд¾ÍûÎÊÌâ
#cp1 img{magin:5px;}
#cp2 img{magin:5px;}
#cp3 img{magin:5px;}
ÎÒÏ뾫¼ò´úÂ룬ÓÃÏÂÃæµÄд·¨£¬¾Í³ö´íÁË£¬ÊDz»ÊÇÓï·¨ÓÐÎÊÌ⣿
#cp1,#cp2,#cp3 img{magin:5px;}
ÊÇÓï·¨ÓÐÎÊÌ⣬ÄãµÄд·¨Ïà ......