故事博客

听说分享~
一个有意思的博客!

CSS

div+css 子div高度自适应父div高度

故事阅读(509)

div+css 子div高度自适应父div高度 故事发生时间: 2012-04-30 / 故事分类: 网站相关 / 1个小故事 我也要讲故事 编辑本文 今天做模板的时候遇到一个问题,就是子DIV的高度如何自适应父div的高度,实现纵...

[field:shorttitle/]
CSS3

div+css制作导航栏上浮动hot、new等小图标

故事阅读(504)

headmetahttp-equiv=Content-Typecontent=text/html;charset=utf-8/titleCss制作导航栏上浮动小图标/titlestylebody{font-size:12px;margin:200px;}ul,li{list-style-type:none;margin:0;padding:0;float:left;}#nav{height:30px;width:610px;margin-left:auto;margin-right:auto;}#navli{margin-left:1px;line-...

[field:shorttitle/]
CSS3

ie下span float:right;居右漂浮换行错位

故事阅读(502)

今天修改网站时候遇到一个问题。在一个div中添加了一个“更多”链接,并设置器向右浮动,chrome下面测试正常,但是在ie下面这个span居右单独换行显示了,最后找到解决方法如下: span 当设置其float:right;时,其向下一行错位时...

[field:shorttitle/]
CSS3

IE(6、7、8)浏览器margin-top/padding-top失效解决方法

故事阅读(503)

经常在IE6、7出现的情况是,margin-top无效,上边框与父级重叠 解决方案:给子级设定position:relative;相对定位,然后给top即可,为了防止影响其它浏览器显示,可以用hack单设 padding-top失效,解决方案与margin-top是一样的,当然,padd...

CSS

li不换行css把超出的部分显示为省略号的方法兼容chrome火狐ie

故事阅读(503)

做站时候li标签经常用于调用文章标题链接,当文章标题比较长的时候就会导致溢出或者换行,溢出是很不美观的,但是换行后导致每行高度不一样,这样看起来也不是很美观. 这时候css就派上用场了,只需要给li标签加上下面这个样式即...