`
roc08
  • 浏览: 224246 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

IE 1px的div

divhtml1pxie 
阅读更多
在IE中默认div的大小是最小15px，若设置的div高度小于15px，比如设置为1px会发现没有效果，这是设置font-size:0px;line-height:1px;即可 
<html>
<body>
<div id="i1" style="border:1px solid black;height:1000px;width:800px;position:relative;"></div>
<script>
var str="";
for(var i=1,j=2;i<10;i++,j*=2){
str +='<div style="border-top:1px solid balck;font-size:0px;line-height:1px;position:absolute;top:'+(1000-j)+'px;left:'+(100*(i-1)+1)+'px;width:100px;height:'+(j-1)+'px;" bgColor:"#cccccc"></div>'
  //alert(j-1);
}
var d = document.getElementById("i1");
//d.appendChild(div);
d.innerHTML = str;

</script>
</body>
</html>


分享到：
| eclipse 在boolean型自动生成get set方法 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    IE6 两个div有间隙的问题（IE 3px bug）

    已存在解决方法：利用float和margin的负值偏移...要注意的是,使用overflow的时候,一定要定义width,百分比或者具体值都可以.)即可，这样在IE6和IE7中都能有效的显示。 实现：这里也采用上面参考中的例子，其中例子中的

    纯css带箭头div

    *border:1px solid #666; } s{ position:absolute; top:-20px; *top:-22px; left:20px; display:block; height:0; width:0; font-size: 0; line-height: 0; border-color:transparent transparent #666 transparent...

    IE6 div最小高度去除方法以及IE6div垂直居中css样式

    div最小高度去除办法：IE6中，使用CSS定义DIV的高度的时候经常遇到这个问题，就是当DIV的最小高度小于一定的值以后，就会发现，无论你怎么设置最小高度，Div的高度会固定在一个值不再发生变动，这个问题很是烦人。...

    经典的IE6的高度问题-div默认存在3个像素高

    描述：有一个div，宽高都是10px，font-size:12px结果在ie6下这个div的高度竟然是12px,也就是说高度会被字体的尺寸撑开。 这其实是经典的IE6的高度问题。div默认存在3个像素高，由font-size引起的。 所以解决办法有...

    IE6下不能设置height:1px的元素是什么原因如何解决

    IE6下DIV有个默认的高度，大约10-12px。当你试图定义一个高度小于这个默认值的 div 的时候， IE 会固执的认为这个层的高度不应该小于字体的行高

    js实现div、图片圆角效果

    &lt;div style="border:1px solid #0099CC; width:200px; height:200px; background:#99FFFF; margin-bottom:10px;padding:20px; font-size:12px;" class="websjy1"&gt;DD_roundies.addRule('.websjy1', '5px 20px 3px 10...

    div CSS技巧

    1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 powered by 25175.net 2. margin加倍的问题 设置为float...

    IE6特有bug兼容性问题整理

    padding:1px; } #er{ background:#FF0000; width:30px; height:30px; float:left; } #er2{ background:#00FF00; width:30px; height:30px; float:left; } #san{ background:#00FFFF; width:230px; height:90px; ...

    div-css-漂亮的导航条

    border-bottom:1px solid #BCD2E6; } #tabs1 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs1 li { display:inline; margin:0; padding:0; } #tabs1 a { float:left; ...

    IE6下CSS定义DIV高度的问题

    来定义了一个 div 的高度，实际在 IE 下显示的仍然是一个 12 px 左右高度的层。添加overflow: hidden解决问题。 &lt;div xss=removed&gt;&lt;/div&gt; 在IE6中，使用CSS定义DIV的高度的时候经常遇到这个问题，就是当DIV的最小...

    DIV 边距属性在Chrome和IE中的区别深入理解

    复制代码代码如下: div1 { width:960px; margin:0px; padding:0px; } 这时，在两个浏览器下是没有区别滴！总宽度均是960px。 但是，当： 复制代码代码如下: div1 { width:960px; margin:0px; padding:0px 10px 0px...

    js实现兼容IE6与IE7的DIV高度

    [removed] function setHeight() { var PageHeight=$(“oPage”).scrollHeight var MaxHeight=507 if(PageHeight&gt;MaxHeight) { $(“oPageMain”).style.height=$(“oPage”).scrollHeight + 40 +”px” $(“oRight...

    IE6定义1px左右高度的容器示例代码

    复制代码代码如下: div { background:red; line-height:1px; } IE6下这个问题是因为默认的行高造成的，解决的方法也有很多 例如： 复制代码代码如下: overflow:hidden； zoom:0.08； line-height:1px；

    控制一个DIV内所有图片宽度超出后自动调整为指定大小

    直接通过CSS控制一个DIV内所有图片宽度超过650PX时.自定为650PX;高度自适应! 些CSS代码是目前最简单有效的自动调整图片尺寸的方法,且兼容IE6 IE7 IE8 和FF等版本的浏览器

    实现DIV +CSS圆角

    让IE支持圆角和阴影的文件 CSS这样写 #DIVID{ -moz-border-radius: 11px; -khtml-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; behavior: url(ie-css3.htc); }

    一个div在浏览器水平居中的实现方法

    第二种方法（兼容IE）： CSS Code复制内容到剪贴板 body { text-align: center; } div { margin: 0 auto; width: 960px; }  第三种方法（不推荐） CSS Code复制内容到剪贴板 di

    高度导致IE6中两个DIV有3px空隙问题_margin-right/left可解决

    在IE7中两个div是紧挨着的，但是在IE6中会出现两个div之间出现3px左右的间隙,解决方法：利用float和margin的负值偏移来实现，这两种方法虽好，但是对于前一种方法如果这两个div包含在另一个div中，且这个div已经...

    图片上传即时预览兼容IE，火狐，GOOGLE

    &lt;td align="right" class="z14 STYLE1" 100px; height: 50px;"&gt; *封面： &lt;td 450px;"&gt; &lt;div class="shurubj"&gt; &nbsp; ID="FileUpload1" runat="server" /&gt;请上传案例的封面图片&lt;/div&gt; &lt;div id=...

Magicbox
Global site tag (gtag.js) - Google Analytics