解决IE6下DIV无法实现1px高度问题

时间:2023-03-09 23:06:14
解决IE6下DIV无法实现1px高度问题

2.多加一个line-height:1px的属性,不过得在DIV里多加一个 ,也就是空格,以下为引用的内容:

  1. <styletypestyletype="text/css">
  2. .a{
  3. width:200px;
  4. height:1px;line-height:1px;
  5. background:red;
  6. }
  7. </style>
  8. <DIVclassDIVclass="a">&nbsp;</DIV>

这个方法我测试通过.很好用.如果你要做指定长度的细线,这个方法是个不错的选择.如果你的细线DIV长度是他父对象的长度的话,你可以用下面这个更简单的方法:

◆3,用border-top:1pxsolid#ff0000边框的方法制作一个细线.

以下为引用的内容:

  1. <styletypestyletype="text/css">
  2. .a{
  3. border-top:1pxsolid#ff0000;
  4. }
  5. </style>
  6. <DIVclassDIVclass="a"></DIV>

注意:这个方法不能加width宽这个属性. 加了以后他会有高度(虽然表面上看不到,他是透明的)要是你这个细线下面再有DIV的话,他的高度就看出来了.再多加上一个font-size:1px;可以解决这个问题.