我正在尝试创建一个只有一个实际页面的站点,其中包含多个 div 形式的伪页面。有四个 div,我已将 div 所在的包装器的宽度设置为 200%(这样我得到两行,每行两个 div),并将 div 设置为 50% 的宽度(以便它们覆盖整个页面视口)。
我有四个名为 home、like、dislike 和 contact 的 div。我首先创建了一个指向类似 div 的标签链接,并且它起作用了。但是没有其他 div 的标记链接正在工作,并且每次只显示第二页。
这是 jsfiddle:我网站的 JsFiddle
我究竟做错了什么?
CSS:
#wrapper { max-width : 100%;
overflow : hidden;
position : relative;
}
#header { position : fixed;
float : left;
}
#logo { margin-left: 0px;
padding-top: 20px;
height: 50px;
width: 300px;
border : solid black;
background-color: red;
}
#nav {margin-top : 20px;
width : 50%;
height: 300px;
border : solid black;
}
#pages { width: 200%;
position : relative;
border : solid black;
float: left;
height : 800px;
}
#main-page, #like-page, #dislike-page, #contact-page {float:left;
position : relative;
width:50%;
height: 800px;}
div.content { margin-top: 100px;
}
div H2 {margin-left: 180px;
margin-bottom: 20px;
}
div p {margin-left: 180px;
margin-right: 50px;
}