文章/答案/技术大牛

发布

社区首页 >问答首页 >为什么我的底层云不像上层云那样采用css风格？

问为什么我的底层云不像上层云那样采用css风格？
EN

Stack Overflow用户

提问于 2020-09-16 21:34:46

回答 2查看 45关注 0票数 0

我不能控制我的底云位置，我不能对底云做任何事情，我也找不到解决方案，为什么我的底云不像顶云那样采用css样式？我不能控制我的底云位置，我不能对底云做任何事情，我也找不到解决方案，为什么我的底云不像顶云那样采用css样式？

body{
  background-color: #e4f9f5;
  margin: 0px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}
.top-con{
  background-color: #e4f9f5;
  position: relative;
  padding-top: 100px ;
}
.mid-con{
  background-color: red;
  width: 200px;
  height: 200px;
}
.bot-con{
  background-color: blue;
  width: 200px;
  height: 200px;
}
.pro{
  text-decoration: underline;
}
.top-cloud{
  position: absolute;
  right: 300px;
  top: 50px;
}

.bottom-cloud{
  position: absolute;
  left: 300px;
  bottom: 300px;
}
h1{
  margin: 0;
}

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Abdulrahman</title>
        <link rel="stylesheet" href="styles.css">
        <link rel="icon" href="favicon.ico">
    </head>
    <body>
    
        <div class="top-con">
    
            <img class="top-cloud" src="images/cloud.png" alt="cloud">
    
            <h1>I Am Abdulrahman.</h1> 
            
            <p>A <span class="pro">pro</span>grammer</p>
    
           <img class="bottom-cloud" src="images/cloud.png" alt="cloud">
    
            <img class="bot-mount" src="images/mountain.png" alt="mountain">
    
        </div>
        <div class="mid-con"></div>
        <div class="bot-con"></div>
    
    </body>
</html>

html

css

css-position

回答 2

Stack Overflow用户

发布于 2020-09-16 21:44:01

更改.bottom-cloud上的CSS

.bottom-cloud{
    position: absolute;
    left: 300px;
    top: 50px; /* change here */
}

票数 0

Stack Overflow用户

发布于 2020-09-16 22:16:41

位置底部-云也从顶部开始。它起作用了

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63921238

复制

相似问题

问为什么我的底层云不像上层云那样采用css风格？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么我的底层云不像上层云那样采用css风格？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么我的底层云不像上层云那样采用css风格？
EN