仓酷云
标题:
来谈谈:CSS结构中最小高度(min-height)的妙用
[打印本页]
作者:
谁可相欹
时间:
2015-1-16 00:22
标题:
来谈谈:CSS结构中最小高度(min-height)的妙用
搜索引擎更加友好。相对与传统的table,采用DIV+CSS技术的网页,对于搜索引擎的收录更加友好。
最小高度能够设定一个BOX的最小高度,当其内容较少不时,也能坚持BOX的高度为必定,超越就主动向下延长,但到今朝为止,只要Opera和Mozilla撑持,IE7入手下手也撑持了,但IE7处于测试阶段,等正式版公布到提高需一段大概对照长的工夫,除非MS把它绑缚在某个操纵体系上,怎样在现有基本上(IE680-90%),公道、妙用最小高度了?
假定有二个BOX,我们必要它的最小高度为150PX。
CSS
以下是援用片断:
div.box1,div.box2{
width:300px;
min-height:150px;
background:#EEE;
float:left;
margin-right:20px;
}
复制代码
xhtml
以下是援用片断:
<div>IE中没坚持最小高度为150px</div>
<div>最小高度能够设定一个BOX的最小高度,
当其内容较少不时,也能坚持BOX的高度为必定</div>
复制代码
如今的效果,IE中没坚持最小高度为150px。
办理的办法
为IE设定一个高度
以下是援用片断:
*htmldiv.box1,*htmldiv.box2{height:150px;}
复制代码
wellstyled.com的办理办法是接纳CSS的属性选择符(AttributeSelectors)
以下是援用片断:
div.box1,div.box2{......height:150px;}
/*IE靠这坚持最小高度,超越就主动向下延长*/
div[class].box1,div[class].box2{height:auto;}
/*具有类选择符(class)属性的DIV工具*/
复制代码
IE天然又是不撑持的啦,Opera和Mozilla撑持,读取这个高度。可使用场所:搜刮、文章等页面(没接纳100%高度,当搜到的内容较少时,不至于页面太短。
</p>
现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。
作者:
精灵巫婆
时间:
2015-1-18 06:25
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
作者:
仓酷云
时间:
2015-1-25 18:22
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
作者:
变相怪杰
时间:
2015-2-3 14:31
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
作者:
莫相离
时间:
2015-2-9 04:17
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
作者:
不帅
时间:
2015-2-26 22:26
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
作者:
爱飞
时间:
2015-3-8 18:59
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
作者:
蒙在股里
时间:
2015-3-22 23:18
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
欢迎光临 仓酷云 (http://ckuyun.com/)
Powered by Discuz! X3.2