里边的div如何撑开外面的div让高宽比自融入

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

关键词:在线网页制作,建网页,个人简介网页制作,简单网页,建立网页

伴随着微软新实际操作系统软件的发售,ie6如今用的人愈来愈少了,可是XP系统软件来看是太过經典,依然有非常多的客户在应用,且这一部分群体中的绝大多数也沒有独立升級访问器的习惯性,因而乎ie6依然是应用数最多的访问器版本号。依据本站总流量的统计分析,来自ie6的浏览比重为72.6%。说明了以上的见解,尽管最高的情况下,ie6占了90%以上。

言归正传,div+css做为网页页面的合理布局早已是必然趋势。它的优势不在这里唠叨。但近期常常有盆友提到有关器皿高宽比自融入的适配性难题。在这里简易作答。

1.一些情况下,大家期待器皿有1个固定不动高宽比,但当在其中的內容多的情况下,又期待高宽比可以自融入,也即器皿在纵向能被撑开,且假如有情况,也可以自融入。在1般状况下,应用min-height便可处理。可是众多网民的首选访问器ie6其实不适用min-height。ie7,opera,火狐沒有难题。因此选用下列写法能够处理适配性:

拷贝编码
编码以下:

height:auto!important;
height:200px;
min-height:200px;

2.许多盆友反应用上面的方式后,在一些情况下仍然没法处理器皿没法撑开自融入的难题。那1定是有器皿嵌套循环的状况下,而子器皿又是波动的。比如
<div class="fuqin"><ul><li>內容1</li><li>內容1</li></ul></div>
在其中class为fuqin的div有波动的li,当li较为多的情况下,就算是div设定的是最少高宽比,也没法被撑开。

缘故就在于做为子器皿的li是波动的即 。在这类状况下,就算是li的內容超出了div的高宽比,div也没法撑开。

处理方式以下:
在波动的器皿后边,父器皿完毕以前添加1个div

拷贝编码
编码以下:

<div class="fuqin"><ul><li>內容1</li><li>內容1</li&gt;</ul><div class="clearfloat"></div></div>
.clearfloat{clear:both;height:0;font-size: 1px;line-height: 0px;}
上一篇:Uoften出口外贸网 返回下一篇:没有了