div+css ÍøÒ³²¼¾Ö
½ñÌì¸Õ۵ģ¬ºÇºÇ
index.asp
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!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=gb2312" />
<title>ÍøÕ¾Ê×Ò³</title>
<link rel="stylesheet" type="text/css" href="css/styleCss.css" />
<script type="text/javascript" src="js/Comman.js"></script>
</head>
<body>
<div id="ContentAll">
<div id="CTop">
<div id="head">
<div id="Logo"><img src="images/all_03.gif" width="118" height="99" /></div>
<div id="tpright">
<div id="TpText">
<a href="javascript:void(null)" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.baidu.com/');">ÉèΪÊ×Ò³</a> <a href="javascript:void(null)" onclick="AddTest();">¼ÓÈëÊÕ²Ø</a></div>
<div id="tpflash"><img src="images/all_06.gif" width="649" height="33" /></div>
</div>
</div>
<div id="fgf">
<img src="images/all_08.gif" width="1003" height="4" /></div>
</div>
<div id="CMain">
<div id="leftside">
<div id="lftitle"><img src="images/all_11.gif" width="233" height="97" /></div>
<div id="lfmouth">
<ul>
<li onclick="changeMounth(this,'1')"><div>1<br />JAN</div></li>
<li onclick="changeMounth(this,'2')"><div>2<br />FEB</div></li>
<li onclick="changeMounth(this,'3')"><div>3<br />MAR</div></li>
</ul>
<ul>
<li onclick="changeMounth(this,'4')"><div>4<br />APR</div></li>
<li onclick="changeMounth(this,'5')"><div>5<br />MAY</div></li>
<li
Ïà¹ØÎĵµ£º
¶ÔDIV+CSSż»¹ÊÇÐÂÊÖ,ËùÒÔ¶ÔIDÓëCLASSÖ®¼äµÄÇø±ð,żµ½½ñÌìÒ²»¹ÊÇÓÐЩÐíÃÔã,¸Õ²Å²éÁËÏÂÏà¹Ø×ÊÁÏ,¹ûÈ»¸øÅ¼Ö¸Ã÷ÁË·½Ïò,ÏÂÃæÊÇËüÃÇÖ®¼äµÄÇø±ðÀ´×ÔÍøÉÏÄÚÈÝÎÒ°ÑËüÊÕ²ØÁ˽øÀ´,ÒÔ±ã²Î¿¼: ¡¡ ¡¡¡¡
Ò»¡¢ÔÚweb±ê×¼ÖÐÊDz»ÈÝÐíÖØ¸´IDµÄ£¬ÀýÈç div id="a" ²»ÈÝÐíÖØ¸´2´Î£»¶øclassËù¶¨ÒåµÄÊÇÀ࣬ÀíÂÛÉÏ¿ÉÒÔÎÞÏÞÖØ¸´¡£ÒÔ¸ù¾ÝÐèÒª¶à´ÎÒýÓà ......
ÎÒϲ»¶3À¸²¼¾ÖµÄÍøÒ³Éè¼Æ£¬µ«ÊÇ3À¸²¼¾ÖÏà¶ÔÀ´Ëµ¾Í±È½Ï¸´ÔÓ£¬ÓÐЩÄÑÒÔ¿ØÖÆ£¬¾¡¹ÜʱÏÂÕý»ðµÄWeb2.0ËÆºõºÜÉÙ²ÉÓÃ3À¸²¼¾Ö¡£µ«Ã»¹ØÏµ£¬ÎÒÃÇÊÇ·Ç·Ç·ÇÖ÷Á÷¡£
Ê×ÏÈ£¬ÈκÎÒ»¸ö²¼¾Öͨ³£¶¼ÓÐheaders, navigation bars, content containers,
......
Ç¿ÖÆ²»»»ÐÐ
div{
white-space:nowrap;
}
×Ô¶¯»»ÐÐ
div{
word-wrap: break-word;
word-break: normal;
}
Ç¿ÖÆÓ¢Îĵ¥´Ê¶ÏÐÐ
div{
word-break:break-all;
}
Ô´µØÖ·£ºhttp://www.iwms.net/n1919c40.aspx
......
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ÎÞ±êÌâÎĵµ</title>
<style type="text/css">
#wai{
width:500px;
height:500px;
background-color: #990;
}
#nei {
float:left;
width:200p ......
×î½üÒ»Ö±ºÜ棬×öÒ»¸öѧУµÄÍøÕ¾ÏîÄ¿£¬ÊÇasp.net2.0£¬×öÕâ¸öÏîÄ¿¹ý³ÌÖÐÓкöà¾Ñé¿ÉÒÔ×ܽáһϣ¬²»¹ýÏÖÔÚÏîÄ¿½ø¶ÈºÜ½ô£¬ÏÈ·ÅÒ»·Å£¬µÈ×öÍêÁËÒ»Æð×ܽáһϡ£½ñÌì¼òµ¥Ð´Ð´Ê¹ÓÃĸ°æÒ³Ê±ÄÚÈÝÒ³ÖÐÈçºÎʹÓÃcssºÍjavascriptµÄÎÊÌâ¡£
ÓÉÓÚÍøÕ¾µÄÖ÷ҪƵµÀÒ³ºÍÁбíÒ³µÄÍ·²¿ºÍµ×²¿¶¼ÊÇÒ»ÑùµÄ£¬Èç¹û½«Ã¿¸öҳà ......