Html 引导全屏旋转木马

我无法使旋转木马在全屏上正确显示

当我在

.fullscrn

类中添加

固定

位置时，旋转木马看起来正常，但一旦屏幕收缩，旋转木马就会失去响应

当我不包括固定位置时，页面以大约300像素的滚动结束

下面的代码

我参考了这篇文章

你的房子值多少钱
为您这样的家庭获取销售信息
现在
提交
身体{
颜色：#f6f6ff；
字体系列：“Raleway”，无衬线；
字号：200；
}
输入{
颜色：#000；
}
挑选{
颜色：#000；
}
选择权{
颜色：#000；
}
.集装箱{
保证金：0自动；
}
.容器底部{
保证金：0自动；
最大宽度：900px；
}
.集装箱第二页{
背景颜色：绿色；
最小高度：720px；
}
p{
字体大小：继承；
字体系列：“Raleway”，无衬线；
字号：100；
}
h1，h2{
字体系列：“Raleway”，无衬线；
文本对齐：居中；
字号：28px；
字体大小：300；
文本阴影：2px 2px#ff000；
颜色：#fff；
}
/*输入框*/
.价值观{
字体大小：1.3em；
字体系列：arial，无衬线；
}
#输入行{
保证金：0自动；
}
.中心{
显示：块；
}
.地址，.电子邮件{
宽度：250px；
}
.地址#单位{
颜色：蓝色；
}
.地址，#单位，.worth，.email{
边缘顶部：10px；
高度：45px；
盒影：2px24px#000000；
边界半径：6px；
左边距：20px；
}
.沃思{
字母间距：1px；
宽度：130px；
}
.电话{
宽度：200px；
高度：420px；
背景色：#245269；
位置：相对位置；
}
.搜索查询{
颜色：黑色；
}
/**********************
图像控件
***********************/
.slide1、.slide2、.slide3{
}
/*.幻灯片1{
背景图像：url（'../img/Rosedale pool compressor.jpg'）；
}*/
/*.幻灯片2{
背景图像：url（'../img/tarrytown compressor.jpg'）；
}
.幻灯片3{
背景图片：url（'/img/s2 compressor.jpg'）；
}
*/
.幻灯片{
保证金：自动；
显示：块；
/*模糊过滤器调整*/
过滤器：模糊（3px）；
-webkit过滤器：模糊（3px）；
-moz过滤器：模糊（3px）；
-o-过滤器：模糊（3px）；
-ms过滤器：模糊（3px）；
/*色彩增强调整*/
-webkit过滤器：灰度（92%）；
-moz滤波器：灰度（92%）；
-o-过滤器：灰度（92%）；
}
/************************
旋转木马淡入效果
************************/
.carousel.carousel-slide.项目{
-webkit过渡：不透明度1s线性；
-moz过渡：不透明度1s线性；
-ms转换：不透明度1s线性；
-o-转变：不透明度1s线性；
过渡：不透明度1s线性；
不透明度：.5；
边缘底部：30px；
}
.carousel.carousel-slide.active.item{
不透明度：1；
}
.carousel.carousel-slide.active.left，
.carousel.carousel-slide.active.right{
左：0；
z指数：2；
不透明度：1；
过滤器：alpha（不透明度=0）；
身高：80%；
}
/*转盘覆盖层*/
.转盘覆盖层{
位置：固定；
底部：250px；
右：0；
左：0；
}
.信息{
显示：块；
}
.介绍段落，#介绍段落2{
颜色：#A0CC3A；
字体大小：300；
字体大小：15px；
字母间距：1px；
}
.序言段{
字体大小：36px；
利润率：10px；
字体大小：300；
}
.img{
保证金：自动；
显示：块；
}
.东西{
左边距：0；
右边距：0；
}
.greenLeadText{
颜色：绿黄色；
字体大小：14px；
}
.文本{
字体大小：12px；
}
@仅介质屏幕和（最小宽度：320px）{
.文本{
文本对齐：居中；
}
}
@介质（最大宽度：768px）{
.文本{
文本对齐：居中；
}
}
@介质（最小宽度：1080px）{
#地址形式{
左边距：-20px；
}
}
/*.顶{
边缘底部：80px；
}
.底部{
边缘底部：80px；
}
.nf{
显示：块；
}
.侧边栏{
背景色：白色；
最小高度：720px；
}
*/
富尔斯克恩先生{
身高：100%；
宽度：100%；
位置：固定；
}
.旋转木马内部{
身高：100%；
}
1.没有垫子{
填充：0；
保证金：0；
}

您是否尝试将旋转木马放在

<div class="container"> 

迪夫？还是你想把它拿走

<div class="row no-pad> 

---

行？对我仍然在滚动，没有固定的位置对不起，我已经固定了我的答案。我假设该行位于带有类容器的div中。通常在这种情况下，当您希望使用全宽旋转木马时，带旋转木马的div应该位于带类containerIt的div之外。它不在容器中，上面的铜片是除了脚本之外的第一页的全部内容，然而，如果没有行，我会得到一个滚动网页，在旋转木马全宽元素的两侧有边框，周围不需要.row或.container。如果它总是全宽的，只需将它放在.container和.row之外
<div class="row no-pad>