易截截图软件、单文件、免安装、纯绿色、仅160KB

iframe 自适应高度 宽度 全css 实现 无 javascript

<html>
<body style="margin:0;">
<div>
    <table style="width:100%;height:100%"  cellpadding='0' cellspacing='0'>
    <tr>
        <td style="width:120px;background-color:Red">
            <iframe id="MU" name="MU" style="position:absolute;top:auto;bottom:0px;height:100%;left:auto;right:0px;width:100%">
            </iframe>
            &nbsp;
        </td>
        <td style="background-color:Yellow">
            <iframe id="WA" name="WA" style="position:absolute;top:0px;bottom:0px;left:120px;right:0px;width:100%;height:100%"
            src="about:blank">
            </iframe>
            <div >a</div>
        </td>
    </tr>
    </table>
</div>
</body>
</html>
注: position:absolute;top:auto;bottom:0px;height:100%;left:auto;right:0px;width:100%
  去掉top:auto;bottom:0px;height:100%;为宽度自适应
  去掉left:auto;right:0px;width:100%为高度自适应


相关文档:

css样式引用实例

//css样式的书写
//元素ID
#tb1{width:100%;height:80px;background-color:#FFD700;padding:4px;font-family:verdana,tahoma;font-weight:bold;}
#tb2{width:100%;padding:4px;font-family:verdana,tahoma;margin:12px
0px 0px 0px;background-color:#EEEEEE;font-weight:bold;}
//类
.test{cursor:hand;
 &nb ......

CSS 文字与输入框对齐

在进行div+css网页布局的时候,不可避免的需要插入一定的表单元素,input是其中最常见的一种。我们在布局中,常会遇到文本输入框与同处一行的文本不对齐的问题。这个问题设置input的vertical-align:middle属性来解决。
我们来看下面的例子,如何解决文本输入框与文本对齐的问题!
<!DOCTYPE html PUBLIC "-//W3C//DTD ......

全面兼容IE6/IE7/IE8/FF的CSS HACK写法

margin-bottom:40px;       /*ff的属性*/
margin-bottom:140px\9;    /* IE6/7/8的属性 */
color:red\0;              /* IE8支持 */
*margin-bottom:450px;     /*IE6/7的属性*/ ......

转:有利于SEO的DIV+CSS的命名规则

文章转自于:http://www.pqshow.com/design/Dreamweaver/200912/12674.html
由于项目中编写文档结构、编写CSS的人员较多,并与程序员协同工作,所以就需要统一开发规范,根据XHTMl和CSS编织的规范和大多人的习惯,整理了以下针对本项目的一个简单的开发规范:
一、CSS文件及样式命名
1、CSS文件命名规范
全局样式:gl ......

IE8 不支持CSS word wrap属性

     当连续输入英语字符后,由于浏览器默认为一个单词,并不会换行处理,在IE6/IE7 中,我们可以添加css中的word-wrap 属性,实现自动换行。但是在IE8 版本中,该属性不支持。
     我们可以采用判断浏览器版本后,使用JavaScript进行换行。
     if ($.br ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号