CSSÎÄ×ÖÊúÅÅ
£¼!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"£¾
£¼html xmlns="http://www.w3.org/1999/xhtml"£¾
£¼head£¾
£¼meta http-equiv="Content-Type" content="text/html; charset=utf-8" /£¾
£¼title£¾ÎÞ±êÌâÎĵµ£¼/title£¾
£¼style type="text/css"£¾
*{ font-size:14px;}
.article *{float:left;}
div.vertical_word , p.vertical_word{width:1em;}
£¼/style£¾
£¼/head£¾ £¼body£¾
£¼div class="article"£¾
£¼div class="vertical_word" style="background-color:#CFC;"£¾
ÎÄ×ÖÊúÅÅ£¬ÖÐx¹úx»òx½øxÈëx¸ßxÓÍx¼Ûxʱx´úxÏûx·ÑxÕßx½«xÌåxζx¸üxÖ±x½Óx³åx»÷£¡
£¼/div£¾
£¼p class="vertical_word" style="background-color:#9FC;"£¾
ÎÄ×ÖÊúÅÅ£¬ÖÐx¹úx»òx½øxÈëx¸ßxÓÍx¼Ûxʱx´úxÏûx·ÑxÕßx½«xÌåxζx¸üxÖ±x½Óx³åx»÷£¡
£¼/p£¾
£¼br style="clear:both;"/£¾
£¼/div£¾
£¼div class="other" style="background-color:#FF9;"£¾
£¼p£¾ÖÐx¹úx»òx½øxÈëx¸ßxÓÍx¼Ûxʱx´úxÏûx·ÑxÕßx½«xÌåxζx¸üxÖ±x½Óx³åx»÷¡£ÖÐx¹úx»òx½øxÈëx¸ßxÓÍx¼Ûxʱx´úxÏûx·ÑxÕßx½«xÌåxζx¸üxÖ±x½Óx³åx»÷¡££¼/p£¾
£¼/div£¾
£¼/body£¾
£¼/html£¾
Ïà¹ØÎĵµ£º
ת×Ô:http://www.boy110.com/csslimitedwidth/ CSSÏÞÖÆÍ¼Æ¬×î´ó¿í¶È£¬¼æÈÝIE6/IE7/IE8/FF£¬ÓÃ×ö¹ÜÀíºǫ́Ӧ¸ÃûÎÊÌ⣡ ÎÒÃÇÔÚÖÆ×÷Ò»¸öÍøÒ³µÄʱºò£¬¾³£Òª¶ÔÒ»¸öÇøÓòÀï¿ÉÄܳöÏÖµÄͼƬµÄ¿í¶È½øÐÐÏÞÖÆ£¬²»È»Ëü¿ÉÄÜ»á°ÑÒ³Ãæ³ÅµÃºÜÀúÜÀá£
Èç¹ûÄã²ÉÓù̶¨¿í¶È£¬³¤¶ÈÀ´ÉèÖõϰ£¬±ÈÈçÔÚ 200 ? "200px" : this.wid ......
CSSÃüÃû¹æ·¶
ҳͷ£ºheader
µÇ¼Ìõ£ºloginbar
±êÖ¾£ºlogo
²àÀ¸£ºsidebar
¹ã¸æ£ºbanner
µ¼º½£ºnav
×Óµ¼º½£ºsubnav
²Ëµ¥£ºmenu
×Ӳ˵¥£ºsubmenu
ËÑË÷£ºsearch
¹ö¶¯£ºscroll
Ò³ÃæÖ÷Ì壺main
ÄÚÈÝ£ºcontent
±êǩҳ£ºtab
ÎÄÕÂÁÐ±í£ºlist
ÌáʾÐÅÏ¢£ºmsg
С¼¼ÇÉ£ºtips
À¸Ä¿±êÌ⣺title
¼ÓÈ룺joinus
Ö¸ÄÏ£ºguil ......
<html >
<body style="margin:0;overflow:hidden">
<div>
<table style="width:100%;height:100%">
<!--<tr>
& ......
CSS ±»ºöÂԵij£Ê¶
ÎÄÕ·ÖÀà:Webǰ¶Ë
1¡¢²»ÒªÊ¹ÓùýСµÄͼƬ×ö±³¾°Æ½ÆÌ¡£Õâ¾ÍÊÇΪºÎºÜ¶àÈ˶¼²»Óà 1px µÄÔÒò£¬Õâ²ÅÖªÏþ¡£¿í¸ß 1px µÄͼƬƽÆÌ³öÒ»¸ö¿í¸ß 200px µÄÇøÓò£¬ÐèÒª 200*200=40, 000 ´Î£¬Õ¼ÓÃ×ÊÔ´¡£
2¡¢Îޱ߿ò¡£ÍƼöµÄд·¨ÊÇ border:none;£¬¹þ¹þ£¬ÎÒÒ»Ö±ÔÚÓÃÕâ¸ö¡£ border:0; Ö»ÊǶ¨Òå±ß¿ò¿í¶ÈΪÁ㣬µ«±ß¿òÑùʽ¡ ......