易截截图软件、单文件、免安装、纯绿色、仅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常用布局样式

 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" lang="gb2312">
<head><title>css布局:一行三列</title>
<link rel="stylesheet" href ......

各种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在稳定中前进。今天发现原来在博客右下的广告框,现� ......

CSS样式解决英文换行断词问题

通常的我们在读取文章标题的时候,遇到字符过多,都是通过程序在SERVER端截取一定的字符数,然后添加...来实现标题长度截取的。其实我们也可以通过CSS来控制。
实列如下:
.title
{
width:200px;
white-space:nowrap;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;
}
可用span或div� ......

css设置ie7,ie8中div高度自动设置

ie6中div的高度自动设置,到了ie7和ie8就不行了,需要设置css
/*针对非IE*/
div:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
/*针对IE*/
div{zoom:1;} ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号