老李 技术 专栏

效果图：.btn {BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,

前几天做个邮箱系统，其中在内容的div设置了高度为200px;可是在内容大于200高度后就出现了内容的溢出。如图：查完资料够才知道css有个min-height;设置div的初始化高度，设置属性就适应内容的高度。 如图：ok了。

div居底

CSS修复方法 步骤一:HTML我们可以先创建一个HTML文件，然后添加一个类名为”vehicles”的空div。步骤二:样式表下面来创建一个名为style.css的样式表并添加以下代码:body {background: url(body-bg.jpg); /* 添加基本背景图 */}.vehicles {width: 500px;height: 17

1 针对firefox ie6 ie7的css样式 现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。 现在写一个CSS可以这样：#1 { color: #333; } /* Moz

一直不太明白overflow:hidden起什么作用。今天突然发现了是调浏览器兼容的一个不错的办法，嵌套在外面的DIV如果不给它高度，就不能在FIREFOX中自动随着里面的DIV高度自动适应，如果不给外面大DIV边框颜色也就无所谓了，但是如果你给了边框一个宽度和颜色，在火狐下显示的就是几乎重叠的。所有有个办法就是给外面大的DIV加个属性哦、overflow:hidden,这样在火狐下就实现了跟随里

 一、什么是双边距Bug？先来看图：我们要让绿色盒模型在蓝色盒模型之内向左浮动，并且距蓝色盒模型左侧100像素。这个例子很常见，比如在网页布局中，侧边栏靠左侧内容栏浮动，并且要留出内容栏的宽度。要实现这样的效果，我们给绿色盒模型应用以下CSS属性：以下为引用的内容：.floatbox { float: left; width: 150px; height: 15

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">浮动#postBar {position:fixed;left:0px;bottom:0;_position:absolute;_top:expression(document.documentElement.clientHe

使用固定宽度的容器并且需要一行垂直居中时，使用 line-height 即可（高度与父层容器一致），更多的垂直居中总结可以看这里。清除容器浮动#main {    overflow:hidden;} 不让链接折行a {    white-space:nowrap;}上面的设定就能避免链接折行，不过个人建议长链接会有相应的这行（有关换行方面的讨论，参看圆心的记录）。始

前些日子新下了个ie8试试用，当我打开以前网站时发现以前网站的样式都错位了，当时我就有一个想法就是：TMD微软的浏览器为什么上下都不兼容，好不容易ie6和ie7给搞好了，这又开始ie8了真是麻烦还得从新调样式。我就去网上去查资料，发现了一条兴奋的消息。微软声称，开发商仅需要在目前兼容IE7的网站上添加一行代码即可解决问题，此代码如下： CODE: 以上代码。随着浏览器改变。 

<br />如果一个网页中有很多小图片，例如评论时的表情，投票时的“星级”，这些小图片确实很小，但是每张小图片显示一次都要往返一次HTTP服务器，每次往返都需要发送请求、接受请求。如果图片小而且多，会严重影响页面呈现的速度。如果我们把这些小的图片合成一个大的图片，那么浏览器只要发送一次请求，就可以把所有这些“小图片”下载到本地。然后使用CSS显示这些小图片。下面看代码：<br />原始图片：<br /><br />显示小红旗代码：<br /><div style="width:16px;height:16p