CSS+DIV - 随笔分类 - ddxgc

闭合高度_height:1% 解析

摘要：今在做个DIV布局时遇到个问题,外围的DIV不能完全把里面的DIV框住,郁闷中,在网上查到只要在外围DIV上加上样式:overflow:auto; _height:1%;}便可解决该问题。附：在外围元素添加overflow:auto;可以解决除了IE6以外的浏览器的问题。要解决ie6的问题，再加上 ... 阅读全文

posted @ 2011-04-25 09:34 ddxgc 阅读(2936) 评论(0) 推荐(0)

css 中 border 断线解决，简单实用

摘要：我们可以通过下面的办法解决：　　　1.在父元素中加入height:1%　　　2.加入一个宽度　　　3.加入一个背景色阅读全文

posted @ 2011-02-16 10:59 ddxgc 阅读(1452) 评论(0) 推荐(0)

让DIV设置Float后高度不自动增加

摘要：【简介】本来想把这个题目修改为“闭合浮动元素”或“清除浮动元素”，但想了一下，还是不修改为好。因为从这个题目我们可以更加容易的看出，如果您没有闭合(清除)浮动元素，它将造成的后果是-----div的高度不能自动增加。本来想把这个题目修改为“闭合浮动元素”或“清除浮动元素”，但想了一下，还是不修改为好。因为从这个题目我们可以更加容易的看出，如果您没有闭合(清除)浮动元素，它将造成的后果是-----div的高度不能自动增加。　　言归正传　　目前用来清除“闭合(清除)浮动”的方法，主要是一下四种：　　1. 额外标签法　　这种方法就是向父容器的末尾再插入一个额外的标签，并令其清除浮动（cle 阅读全文

posted @ 2011-01-03 14:30 ddxgc 阅读(261) 评论(0) 推荐(0)

CSS+DIV一行三列(等宽高,有间距)怎么写?(适合所有浏览器)

摘要：CSS+DIV一行三列(等宽高,有间距)怎么写?(适合所有浏览器)比如:这个宽为980px 然后三列都320px 剩下的就是他们中间的间距.适合所有浏览器的写法! 阅读全文

posted @ 2011-01-03 10:34 ddxgc 阅读(6253) 评论(0) 推荐(0)

div保持相同高度

摘要：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312... 阅读全文

posted @ 2010-11-24 17:49 ddxgc 阅读(383) 评论(0) 推荐(0)

关于div重叠的问题。。

摘要：外层用relative相对定位，里面用absolute绝对定位，就能很好的实现你的要求了。z-index是用来控制div的z轴的。数值越高，越优先被显示<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><... 阅读全文

posted @ 2010-11-13 18:38 ddxgc 阅读(4825) 评论(0) 推荐(0)

图文混排

摘要：这样的图文排版css实现：　　.gsjj_text{ line-height:24px; text-align:left; text-indent:2em;} //这里不要float.gsjj_img{ float:right; margin-left:10px; margin-bottom:10px;} 阅读全文

posted @ 2010-10-28 10:31 ddxgc 阅读(178) 评论(0) 推荐(0)

新闻列表标题日期同行处理

摘要：.xingfa_nr li a{color:#4c657e;text-decoration: none;float:left;}.xingfa_nr li span{float:right;} 阅读全文

posted @ 2010-10-09 10:28 ddxgc 阅读(148) 评论(0) 推荐(0)

background-position属性

摘要：background-position属性是通过平面上的x与y坐标定位的,所以通常取两个值.例如:<percentage> <percentage>左上角为0%, 0%. 右下角为100%, 100%.例如58%,56%就是从左上角算起,右移58%,下移56%.<length> <length>6cm 8cm,从左上角算起,右移6cm,下移8cm.下... 阅读全文

posted @ 2010-09-29 12:10 ddxgc 阅读(385) 评论(0) 推荐(0)

CSS+JS选项卡

摘要：<!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 htt... 阅读全文

posted @ 2010-09-24 14:46 ddxgc 阅读(1946) 评论(0) 推荐(0)

层居中

摘要：要想层居中margin-left:auto;margin-right:auto;是生效关键同时层必须设置width才能居中阅读全文

posted @ 2010-09-16 21:21 ddxgc 阅读(176) 评论(0) 推荐(0)

DIV+CSS+JS二级树型菜单，展开后刷新无影响-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 htt... 阅读全文

posted @ 2010-08-27 14:04 ddxgc 阅读(1530) 评论(0) 推荐(0)

怎样去掉li左边空白

摘要：.ul{margin-left:0px;} 阅读全文

posted @ 2010-07-15 15:02 ddxgc 阅读(718) 评论(0) 推荐(0)

css截取字符串，多余部分用省略号显示

摘要：通常的我们在读取文章标题的时候，遇到字符过多，都是通过程序在SERVER端截取一定的字符数，然后添加...来实现标题长度截取的。其实我们也可以通过CSS来控制。实列如下：.title{width:200px;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;}可用span或div引用,例如:<span class=title>客户端解决标题显示太长省略多余部分并加省略号的样式</span><div class=title>客户端解决标题显示太长省略多余部阅读全文

posted @ 2010-07-05 11:58 ddxgc 阅读(2275) 评论(1) 推荐(0)

ul样式

摘要：.menu_nav{ width:688px; height:34px; line-height:34px; float:left; background:url(../images/lgm_menubg.jpg) no-repeat;}.menu_nav ul{}.menu_nav ul li{ width:87px; float:left; text-align:right}.menu_nav... 阅读全文

posted @ 2010-07-01 17:10 ddxgc 阅读(433) 评论(0) 推荐(0)

css使用小节

摘要：<div style="background:url(images/jydt.jpg); width:288px; height:50px;">教研动态</div>可以<div style="background:url(images/jydt.jpg); ">教研动态</div>不行阅读全文

posted @ 2010-06-26 17:55 ddxgc 阅读(125) 评论(0) 推荐(0)

2010年标准CSS

摘要：/* copyright 2010 版权所有文件名: 全局样式文件功能描述: 全局样式创建标识:lgm 创建日期:2010-5-7*/@charset "utf-8";body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding... 阅读全文

posted @ 2010-06-22 16:20 ddxgc 阅读(148) 评论(0) 推荐(0)

导航CSS

摘要：.navlisto{ width:178px; overflow:hidden;}.navlisto ul{ margin-top:20px;}.navlisto ul li{ line-height:30px; border-bottom:1px solid #E5E5E5; font-size:14px; text-align:left; padding-left:3em;}.navlisto... 阅读全文

posted @ 2010-06-02 08:43 ddxgc 阅读(167) 评论(0) 推荐(0)

div+css 就是比table强！

摘要：1.限制单行字符个数：<div style="text-align: left; width:100px; white-space:nowrap; overflow:hidden;">名称：<%#DataBinder.Eval(Container.DataItem,"title")%></div>（table做不到）阅读全文

posted @ 2010-06-01 16:00 ddxgc 阅读(197) 评论(0) 推荐(0)

值得珍藏的css

摘要：1.border-bottom:1px dashed #6d6d6d效果：点画线2.border:1px solid #c3c3c3效果：实线边框阅读全文

posted @ 2010-05-26 08:45 ddxgc 阅读(194) 评论(0) 推荐(0)

随笔分类 - CSS+DIV

公告