|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
搜索引擎更加友好。相对与传统的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是大势所趋。 |
|