zoukankan      html  css  js  c++  java
  • HTML格式布局

    一、positionfixed

     

    锁定位置(相对于浏览器的位置),例如有些网站的右下角的弹出窗口。

    #top
    {
        border:1px solid #999;
        height:100px;
        966px;
        top:10px;
        left:200px;
        right:200px;
        background-color:#FFF;
        position:fixed;
        z-index:2;
        
        }

    二、positionabsolute

    1.外层没有positionabsolute(或relative);那么div相对于浏览器定位。如图1

    2.外层有positionabsolute(或relative);那么div相对于外层边框定位。如图2

    图1:

    图2:

     

    三、positionrelative

    相对位置。

      如下图,相对于把此div包含住的div的某个位置进行固定。如果外层没有包含他的,那就相对于浏览器进行相对位置的固定。

     

     

    四、分层(z-index

    z轴方向分层,可以理解为分成一摞纸,层数越高越靠上。

     

    五、floatleftright

    Leftright时不用给他规定位置(lefttop),直接相对于浏览器。若外部被包裹,相对于外部div的除去一行的位置的左上或右上显示。

      overflowhidden    //超出部分隐藏;scroll,显示出滚动条;

      <div style="clear:both"></div>   //截断流

     

     

    半透明效果:

     

      <div class="box">透明区域<div>

     

    在样式表中的代码为:

     

    .box

     

    {

     

    opacity:0.5; -moz-opacity:0.5 ; filter:alpha(opacity=50)

     

    }

     

     

     

  • 相关阅读:
    activemq安装及使用
    匿名内部类的简单使用
    Struts2中动态方法调用
    重定向和转发的区别
    result转发到一个action
    在Android Studio中导入jar包
    架构文档类别
    Linux/Unix下pid文件的作用
    【8.21校内测试】【最大生成树】【树状数组】【数学】
    【BZOJ】2653: middle
  • 原文地址:https://www.cnblogs.com/zhaimiaoer/p/5317385.html
Copyright © 2011-2022 走看看