zoukankan      html  css  js  c++  java
  • 怎么让一个div 悬浮在另一个div上

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title></title>
    <style type="text/css">
    <!--
    body{
    font-size:12px;
    }
    .box{
    500px;
    }
    .c12{
    color:#f60;
    padding:0.5em 0;
    }
    .serverDetail{
    215px;
    height:75px;
    position:relative;
    margin-top:-5px;
    margin-left:-5px;
    background:#FAFAFA;
    border:1px solid #ccc;}
    .shadow{
    215px;
    height:75px;
    float:left;
    margin:7px 0 7px 18px !important;
    margin:7px 5px 7px 10px;
    background:#E2DEDE;}
    .serverDetail div{
    padding-left:12px;}
    -->
    </style>
    </head>
    <body>
    <div class="box">
    <div class="shadow">
    <div class="serverDetail">
    <div class="c12"><strong>短信服务</strong></div>
    <div>一次点击无限商机,在最需要的时候找到你</div>
    </div>
    </div>
    <div class="shadow">
    <div class="serverDetail">
    <div class="c12"><strong>短信服务</strong></div>
    <div>一次点击无限商机,在最需要的时候找到你</div>
    </div>
    </div>
    <div class="shadow">
    <div class="serverDetail">
    <div class="c12"><strong>短信服务</strong></div>
    <div>一次点击无限商机,在最需要的时候找到你</div>
    </div>
    </div>
    <div class="shadow">
    <div class="serverDetail">
    <div class="c12"><strong>短信服务</strong></div>
    <div>一次点击无限商机,在最需要的时候找到你</div>
    </div>
    </div>
    <div style="clear:both;"></div>
    </div>
    </body>
    </html>

  • 相关阅读:
    删除ubuntu中多余的主题和背景文件
    android 开发之动画Activity
    android开发之自定义组件
    android 开发之Activity切换
    程序设计课件
    初识Proximal Policy Optimization (PPO)
    初识Auction Theory
    什么是Experience Replay和Seperate Target Networks
    初识ActorCritic
    初识Stackelberg Game
  • 原文地址:https://www.cnblogs.com/hgj123/p/3682595.html
Copyright © 2011-2022 走看看