快捷导航
发新帖
返回列表
<html>
<head>
<meta charset="utf-8">
<title>小米5</title>
<style>
*{padding:0;margin:0;}
.box{width:100%;height:1000px;background:no-repeat center center;}
.box1{background-image:url(images/h-12.jpg);}
.box2{background-image:url(images/h-8.jpg);}
.box3{background-image:url(images/h-13.jpg);}
.box4{background:#555 url(images/bg.png) no-repeat center bottom;}
.box5{background-image:url(images/h-24.jpg);}
.box6{background-image:url(images/h-21.jpg);}
</style>
</head>

<body>
<div class="box box1">
        <div class="text">
            <h2></h2>
        <p></p>
        <div class="price"></div>
        <a href="#"></a>
    </div>
</div>
<div class="box box2">
        <div class="text">
            <h2></h2>
        <p></p>
        <a href="#"></a>
</div>
<div class="box box3">
        <div class="text">
            <h2></h2>
        <p></p>
        <a href="#"></a>
</div>
<div class="box box4">
        <div class="text">
            <h2></h2>
        <p></p>
        <a href="#"></a>
</div>
<div class="box box5">
        <div class="text">
            <h2></h2>
        <p></p>
        <a href="#"></a>
</div>
<div class="box box6">
        <div class="text">
            <h2></h2>
        <p></p>
        <a href="#"></a>
</div>
</body>
</html>

举报 使用道具
| 回复

共1个回复 最后回复于 2020-5-13 08:40

勤币 614   学币 0  
沙发
发表于 2020-5-13 08:40:32 | 只看该作者
从box2 下的 class="text" 开始 就没有</div>标签结束,之后的你也是复制的吧? 都没有</div>标签结束,所以之后你加的div全部都到box2里面去了,才会始终只显示两屏。

一定要细心,类似这种问题,初学者会经常碰到的,第一是检查代码,是否有写错,漏写等问题,第二是检查样式是否有写错,不对应等问题。
举报 使用道具
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表