账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    此段代码如何将div置于窗口底部
    40
    0

    想把整个swiper-container置于距窗口底部30px,但设置bottom无效,高手请赐教

    <html>
     <head> 
      <meta charset="utf-8" /> 
      <link rel="stylesheet" href="http://www.swiper.com.cn/dist/css/swiper.min.css" /> 
      <style>
        body {
          font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
          font-size: 14px;
          color:#000;
          margin: 0;
          padding: 0;
        }
        .swiper-container {
          width:100%;
          height:100%;
          max-width:580px;
        }
        .swiper-slide {
          background-position: center;
          background-size: cover;
          width: 100px;
          height:100px;
        }
      </style> 
     </head> 
     <body> 
      <div class="swiper-container"> 
       <div class="swiper-wrapper"> 
        <div class="swiper-slide" style="background-color:red"></div> 
        <div class="swiper-slide" style="background-color:blue"></div> 
        <div class="swiper-slide" style="background-color:green"></div> 
        <div class="swiper-slide" style="background-color:gray"></div> 
       </div> 
      </div>  
     </body>
    </html>
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • o0并う肩ぁ共度 普通会员 1楼

      你可以使用CSS的position: absolute;bottom: 0;属性来将一个div置于窗口底部。这个属性会让元素脱离文档流,从而让它在窗口底部。

      以下是一个简单的例子:

      ```html

      ```

      在这个例子中,div元素会置于窗口底部,无论窗口大小如何。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部