Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

ʹÓÃCSSÑùʽ clear:both ʵÏÖdiv²»²¢ÅÅ

<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:200px;
 height:200px;
 background:#FFF;
}
body {
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
}
</style>
</head>
<body>
<div id="wai">
<div id="nei">ÎÒÔÚ×ó±ß</div>
<div style="clear:both">ÎÒ²»ÔÚÓÒ±ß</div><!--ɾ³ýºìÉ«µÄ×Ö¿´¿´-->
</div>
</body>
</html>


Ïà¹ØÎĵµ£º

¸÷ÖÖCSS bugÓë¼¼ÇÉ


1¡¢ÈÝÆ÷²»À©Õ¹ÎÊÌâ
Õâ¸öÊǾ­³£ÔÚÎÒÇÐͼµÄʱºòÓöµ½µÄÎÊÌ⣬È磺
<!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= ......

csdn²©¿ÍµÄcssÑùʽ v11

°æÈ¨ÉùÃ÷£ºÔ­´´×÷Æ·£¬ÔÊÐí×ªÔØ£¬×ªÔØÊ±ÇëÎñ±ØÒÔ³¬Á´½ÓÐÎʽ±êÃ÷ÎÄÕÂԭʼ³ö°æ¡¢×÷ÕßÐÅÏ¢ºÍ±¾ÉùÃ÷¡£·ñÔò½«×·¾¿·¨ÂÉÔðÈΡ£http://blog.csdn.net/mayongzhan - ÂíÓÀÕ¼,myz,mayongzhan
Êé½ÓÉϻأ¬ÉÏ´Î˵µ½Ï´θüÐÂÊǺܾúܾÃÖ®ºóµÄÊ£¬¹û²»ÆäÈ»£¬È·ÊµÊǾÃÁËÒ»µã£¬Ò²Õý˵Ã÷csdnÔÚÎȶ¨ÖÐǰ½ø¡£½ñÌì·¢ÏÖÔ­À´ÔÚ²©¿ÍÓÒÏÂµÄ¹ã¸æ¿ò£¬ÏÖÔ ......

Great Html Tab Panel Using CSS and Javascript

I needed a tab pane to put some content in my web pages. There are many solutions around
and I must say that they are quite good, but I had some extra requirements that I needed.
I did search around but I did not find what I wanted, so I ended up producing something and now I am sharing
it with y ......

CSSÑùʽ½â¾öÓ¢ÎÄ»»ÐжϴÊÎÊÌâ

ͨ³£µÄÎÒÃÇÔÚ¶ÁÈ¡ÎÄÕ±êÌâµÄʱºò£¬Óöµ½×Ö·û¹ý¶à£¬¶¼ÊÇͨ¹ý³ÌÐòÔÚSERVER¶Ë½ØÈ¡Ò»¶¨µÄ×Ö·ûÊý£¬È»ºóÌí¼Ó...À´ÊµÏÖ±êÌⳤ¶È½ØÈ¡µÄ¡£ÆäʵÎÒÃÇÒ²¿ÉÒÔͨ¹ýCSSÀ´¿ØÖÆ¡£
ʵÁÐÈçÏ£º
.title
{
width:200px;
white-space:nowrap;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;
}
¿ÉÓÃspan»òdivÒ ......

javascript+div+css¹ö¶¯²Ëµ¥µÄʵÏÖ.

Ч¹ûͼ
´úÂë:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Scrollable</title>
<mce:script type="text/javascript"><!--
resizeCallback = function() {
......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ