Html 使用导航栏进行侧面滚动

我将用这个例子向您展示：

正文{
背景图像：url（'http://wallpapercave.com/wp/adsKXLw.png');
背景重复：无重复；
溢出：滚动；
背景尺寸：1050px 500px；
身高：100%；
保证金：0自动；
}
#巨大的{
宽度：900px；
高度：498px；
位置：绝对位置；
背景色：rgba（255、103、48、0.5）；
左：75px；
最高：0%；
}
.navbar分区、.navbar分区p{
位置：固定；
}
#导航条背景{
宽度：820px；
高度：110px；
边界半径：70px；
顶部：11px；
左：115px；
背景色：rgba（255255.2）；
z指数：1
}
#家庭部{
背景色：rgb（249162100）；
宽度：210px；
高度：60px；
边界半径：30px；
位置：固定；
左：135px；
顶部：30px；
z指数：2；
边框顶部：1px白色固体；
左边框：1px纯白
}
#主div按钮{
背景色：rgb（200、131、78）；
宽度：215px；
高度：60px；
边界半径：30px；
z指数：1；
顶部：40px；
左：140像素；
位置：固定；
}
#主文本{
字体系列：Comfortaa；
文本对齐：居中；
顶部：10px；
左：145px；
字体大小：30px；
颜色：#FFFFFF；
}
#氏族部{
宽度：90px；
高度：45px；
边框：2倍白色固体；
左：505px；
顶部：40px；
位置：固定；
边界半径：10px 0px 0px 10px；
}
#宗族文本{
左：512px；
顶部：35px；
字体大小：14px；
字体系列：Comfortaa；
文本对齐：居中；
颜色：#FFFFFF；
}
#部族2{
宽度：90px；
高度：45px；
边框：2倍白色固体；
左：597px；
顶部：40px；
位置：固定；
边界半径：0px 10px 10px 0px；
}
#G-text-2{
左：610px；
顶部：35px；
字体大小：14px；
字体系列：Comfortaa；
文本对齐：居中；
颜色：#FFFFFF；
}
#游戏组{
宽度：90px；
高度：45px；
边框：2倍白色固体；
左：712px；
顶部：40px；
位置：固定；
边界半径：10px；
}
#游戏文本{
字体大小：20px；
字体系列：Comfortaa；
颜色：#FFFFFF；
顶部：35px；
左：723px；
}

自己的部族网站
主页内容
东西
按钮
你好
世界
内容

正文{
背景图像：url（'http://wallpapercave.com/wp/adsKXLw.png');
背景重复：无重复；
溢出：滚动；
背景尺寸：1050px 500px；
身高：100%；
保证金：0自动；
}
#巨大的{
宽度：900px；
高度：498px；
位置：绝对位置；
背景色：rgba（255、103、48、0.5）；
左：75px；
最高：0%；
}
.navbar分区、.navbar分区p{
位置：固定；
}
#导航条背景{
宽度：100%；
高度：110px；
边界半径：70px；
顶部：11px；
背景色：rgba（255255.2）；
z指数：1；
}
#家庭部{
背景色：rgb（249162100）；
宽度：40%；
高度：60px；
边界半径：30px；
位置：固定；
左：5px；
顶部：30px；
z指数：2；
边框顶部：1px白色固体；
左边框：1px纯白；
}
#主div按钮{
背景色：rgb（200、131、78）；
宽度：40%；
高度：60px；
边界半径：30px；
z指数：1；
左：8px；
顶部：40px；
}
#主文本{
字体系列：Comfortaa；
文本对齐：居中；
宽度：40%；
左：10px；
字号：18px；
颜色：#FFFFFF；
}
#氏族部{
宽度：16%；
高度：45px；
边框：2倍白色固体；
左：250px；
顶部：40px；
位置：固定；
边界半径：10px 0px 0px 10px；
}
#宗族文本{
左：275px；
宽度：9%；
顶部：35px；
字体大小：14px；
字体系列：Comfortaa；
文本对齐：居中；
颜色：#FFFFFF；
}
#部族2{
宽度：15%；
高度：45px；
边框：2倍白色固体；
左：342px；
顶部：40px；
位置：固定；
边界半径：0px 10px 10px 0px；
}
#G-text-2{
左：365px；
顶部：35px；
宽度：9%；
字体大小：14px；
字体系列：Comfortaa；
文本对齐：居中；
颜色：#FFFFFF；
}
#游戏组{
宽度：90px；
高度：45px；
边框：2倍白色固体；
左：445px；
顶部：40px；
位置：固定；
边界半径：10px；
}
#你好{
宽度：100%；
}
#游戏文本{
字体大小：20px；
字体系列：Comfortaa；
颜色：#FFFFFF；
顶部：35px；
左：468px；
}

自己的部族网站
主页内容