专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅
1.背景图填充这是使用最广泛的一种做法,无hacks,推荐使用: Source Code to Run [www.52css.com]Equal height(列高度相同的方法)body{ padding: 0; margin: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 140%; background:#E7DFD3;}#middle{ width: 580px; float:left; background:#FFFFFF; tex [阅读全文] [PDF]
    网友JAY刚刚在留言板提出了一个问题,是关于在一个层上面覆盖一个高度100%的透明层的问题。他遇到了一点麻烦,在IE7和FF中没有什么问题,而在IE6中,就出问题了。 Example Source Code [www.52css.com]  JAY[2007-01-2700:38:27]  #L1{position:relative;float:left;}  #L1#L2{position:absolute;width:100%;height:100%;top:0px;left:0px;background:url(...)botto [阅读全文] [PDF]
  Div即父容器不根据内容自适应高度,我们看下面的代码: Example Source Code [www.52css.com]<divid=\"main\"><divid=\"content\"></div></div>  当Content内容多时,即使main设置了高度100%或auto。在不同浏览器下还是不能完好的自动伸展。内容的高度比较高了,但容器main的高度还是不能撑开。  我们可以通过三种方法来解决这个问题。  一,增加一个清除浮动,让父容器知道高度。请注意,清除浮动的容器中有一个 [阅读全文] [PDF]
div+css还是比较难搞的,要实现上下两个div高度自适应感觉麻烦,查了下资料只找到上下高度都是百份比的是可以的,我要实现上面的div是具体像素高度,下面是自适应剩余的百份比。自己搞了一下还要用上js,不知道是不是很笨,有好的方法请大家帖出来。<body style=”height:100%; margin:0px; width:100%;”><div id=”ddii22″ style=” background-color:#ffffff; height:110px; position:absolute; left:0px; top [阅读全文] [PDF]
看下面的例子,我们一起来解决DIV高度自适应的问题。 <divstyle=\"width:500px;background:#cccccc;height:0px;\"> <divid=\"right\"style=\"width:380%;height:100%;float:left;border:1pxsolid#265492;\">left4</div> <divid=\"left\"style=\"width:60%;;float:left;background:#376037;\"> right< [阅读全文] [PDF]
这部分是加入了XHTML1.0宽松规范的DTD声明,我在body中加入了一个ID为test 的层,然后用CSS对其width和height赋予80%的值,在IE6中预览,发现只有width值为80%, 而height没变. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> &l [阅读全文] [PDF]
<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\"><html xmlns=\"http://www.w3.org/1999/xhtml\"><head><meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" /><title>Equal h [阅读全文] [PDF]
1 共7条 分1页