DocType

来源:互联网 发布:金蝶erp软件免费版 编辑:程序博客网 时间:2024/04/28 05:24

新建一个 .aspx.aspx 页面时,会自动加上:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

如果这个页面里面有 iframe 它的高度不能自动达到百分之百。 据说 table 也是这样。

 

不过这是权宜之计,有空还是要去研究严格的 XHTML 应该如果实现同样的效果。

 

1.当去掉页面的<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

时,此时候使用的不是标准的 css。比如要用到外边距合并时,所看到的效果是很怪异的。

    <style type="text/css">
       
        *
        {
         margin:0px;
        }
       
        .divSub
        {
         width:100px;
         height:30px;
          margin:10px;
          background-color:Red;
        }
   
    </style>

 

        <div style="border:solid 2px blue;">
            <div class="divSub"></div>
            <div class="divSub"></div>
            <div class="divSub"></div>
            <div class="divSub"></div>
            <div class="divSub"></div>
            <div class="divSub"></div>
            <div class="divSub"></div>
           
        </div>

 

 

关于使用 float 和 clear 布局的问题,

如:

    <div id="divContainer" >
        <div class="div1"></div>
        <div class="div2"></div>
        <div id="div3" class="clear">ABC</div>

</div>

 

div1 float:left;

div2:float:right;

div3 clear:both;

 

关于 clear 的理解。此时默认 div2 是在父容器的最上面,div1 和 div 2 分别浮动在它的左右。

此时不允许 div3 左右停靠浮动框,则 div3 分一直往下走,直接有空位为止。所以会产生把父容器拉高的效果。

注意,不允许浮动框停靠,不是让浮动框走,而是自己往下走。

如果 DIV 的位置在浮动框的前面,则浮动框会下移。