IE6 CSS高宽比height:100% 测算无效/失效

日期:2021-03-11 类型:科技新闻 

关键词:制作小程序,小程序商城,扫码点餐小程序,微信小程序开店的步骤,牛刀小程序

好长时间沒有写博文了,恰好今日1个每日任务要求的改动,遇到了1个小小的的难题(或你早已遇到了),在这里共享1下(尽管写的情况下,由于工作中的缘故,情绪很不爽,但還是准备坚持不懈1下)。

款式

拷贝编码
编码以下:

#demo{position:relative;width:300px;border:1px solid #090;}#demo div{position:absolute;width:200px;height:100%;background-color:#f00;}

构造

拷贝编码
编码以下:

<div id=”demo”>
  <div>position:absolute</div>
  





</div>

在firefox、chrome、ie7+、opera中,#demo里边div的高宽比自始至终与#demo的高宽比1至,而ie6中则不容易。请看下面的截图:

给#demo加上款式

拷贝编码
编码以下:

_height:500px;

在ie6中看看div的高宽比。

可见,当大家不设定父级元素的高宽比时,里边100%高宽比的div在ie6中测算出了难题。假如大家给父级设定个高宽比,100%高宽比的div的高宽比则会与#demo设定的高宽比同样。

OK,完善处理。(但是我自身的要求是父级不可以定高,fuck之,最终调剂了断构处理了,由于如今是还没上线的物品,因此不可以用具体的事例,见谅。)

 PS:近期喜爱到了应用gvim来写编码,觉得还非常好。

上一篇:用CSS情况特性替代照片SRC 返回下一篇:没有了