Html 页面的其余部分不向下滚动_Html_Css

Html 页面的其余部分不向下滚动

html css

Html 页面的其余部分不向下滚动,html,css,Html,Css,我遇到了一个我似乎无法解决的问题，在我的23“显示器上，页面显示内容，但在我的笔记本电脑屏幕上14”它没有显示所有内容，我可以滚动一点，但不能看到页面的分辨率，有暴徒吗正文{ 字体系列：Arial，Verdana，无衬线；背景色：#141414；颜色：#fff；字体大小：90%；边际：0px；填充：0px； } img#标志{ 宽度：250px；位置：相对位置；底部：0px；左：10px；边界：无； } 导航{ 背景色：rgba（7,7,7,0.7）；盒影：0px 3p

我遇到了一个我似乎无法解决的问题，在我的23“显示器上，页面显示内容，但在我的笔记本电脑屏幕上14”它没有显示所有内容，我可以滚动一点，但不能看到页面的分辨率，有暴徒吗

正文{
字体系列：Arial，Verdana，无衬线；
背景色：#141414；
颜色：#fff；
字体大小：90%；
边际：0px；
填充：0px；
}
img#标志{
宽度：250px；
位置：相对位置；
底部：0px；
左：10px；
边界：无；
}
导航{
背景色：rgba（7,7,7,0.7）；
盒影：0px 3px 10px#000；
高度：70像素；
位置：固定；
顶部：0px；
左：0px；
填充：10px；
边际：0px；
宽度：100%；
}
分区{
边缘顶部：120px；
}
奥克托先生{
位置：固定；
右：0px；
宽度：100%；
身高：100%；
边缘底部：100px；
}
wraper先生{
保证金：10px自动10px自动；
宽度：1200px；
左侧填充：100px；
}
.海报{
显示：内联块；
宽度：273px；
}
身材{
背景色：rgba（106,192,69,0.7）；
边界半径：5px；
左：3倍；
}
img{
}
菲卡普顿{
字体大小：粗体；
左侧填充：5px；
}
图：悬停{
背景色：#1ba6e0；
边界半径：5px；
}


倒带高清
詹姆斯·邦德
章鱼
詹姆斯·邦德的杀人观
詹姆斯·邦德只为你的眼睛
詹姆斯·邦德的杀人许可证
詹姆斯·邦德
詹姆斯·邦德（James Bond）
永远不要说再也不要了
詹姆斯·邦德（James Bond）陛下特勤处
詹姆斯·邦德生活的曙光
詹姆斯·邦德（James Bond）
爱你的间谍
艾姆斯债券
杀人许可证
詹姆斯·邦德
詹姆斯·邦德（James Bond）
永远不要说再也不要了
艾姆斯债券
杀人许可证
詹姆斯·邦德
詹姆斯·邦德（James Bond）
永远不要说再也不要了

我想你想要这样的东西：首先，对于have流体包装，将

包装的宽度更改为85%。
然后将float:left
添加到.poster类中。
代码在这里（您有一个小小的响应页面）：

倒带高清
身体{
字体系列：Arial，Verdana，无衬线；
背景色：#141414；
颜色：#fff；
字体大小：90%；
边际：0px；
填充：0px；
}
img#标志{
宽度：250px；
位置：相对位置；
底部：0px；
左：10px；
边界：无；
}
导航{
背景色：rgba（7,7,7,0.7）；
盒影：0px 3px 10px#000；
高度：70像素；
位置：固定；
顶部：0px；
左：0px；
填充：10px；
边际：0px；
宽度：100%；
}
分区{
边缘顶部：120px；
}
奥克托先生{
位置：固定；
右：0px；
宽度：100%；
身高：100%；
边缘底部：100px；
}
wraper先生{
保证金：10px自动10px自动；
宽度：85%；
左侧填充：100px；
}
.海报{
显示：内联块；
宽度：273px；
浮动：左；
}
身材{
背景色：rgba（106,192,69,0.7）；
边界半径：5px；
左：3倍；
}
img{
}
菲卡普顿{
字体大小：粗体；
左侧填充：5px；
}
图：悬停{
背景色：#1ba6e0；
边界半径：5px；
}
詹姆斯·邦德
章鱼
詹姆斯·邦德的杀人观
詹姆斯·邦德只为你的眼睛
詹姆斯·邦德的杀人许可证
詹姆斯·邦德
詹姆斯·邦德（James Bond）
永远不要说再也不要了
詹姆斯·邦德（James Bond）陛下特勤处
詹姆斯·邦德生活的曙光
詹姆斯·邦德（James Bond）
爱你的间谍
艾姆斯债券
杀人许可证
詹姆斯·邦德
詹姆斯·邦德（James Bond）
永远不要说再也不要了
艾姆斯债券
杀人许可证
詹姆斯·邦德
詹姆斯·邦德（James Bond）
永远不要说再也不要了
非常感谢您的帮助，我真的很感激我很高兴能为您提供帮助。但这是您想要的答案吗？如果这是您的答案。pl
  <!DOCTYPE html>
    <html>
    <head>
        <title>Rewind HD</title>
        <link rel="stylesheet" type="text/css" href="CSS/rewind hd.css">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <style>



    body {
        font-family: Arial, Verdana, sans-serif;
        background-color: #141414;
        color: #fff;
        font-size: 90%;
        margin: 0px;
        padding: 0px;

    }

    img#logo {
        width: 250px;
        position: relative;
        bottom: 0px;
        left: 10px;
        border: none;

    }

    div#nav {
        background-color: rgba(7, 7, 7, 0.7);
        box-shadow: 0px 3px 10px #000;
        height: 70px;
        position: fixed;
        top: 0px;
        left: 0px;
        padding: 10px;
        margin: 0px;
        width: 100%;

    }

    div#division {
        margin-top: 120px;
    }

    .octo {
        position: fixed;
        right: 0px;
        width: 100%;
        height: 100%;
        margin-bottom: 100px;
    }

    .wraper {
        margin: 10px auto 10px auto;
        width: 85%;
        padding-left: 100px;


    }

    .poster {
        display: inline-block;
        width: 273px;
         float:left;

    }

    figure {

        background-color: rgba(106, 192, 69, 0.7);
        border-radius: 5px;
        padding-left: 3px;
    }

    img {

    }

    figcaption {
        font-weight: bold;
        padding-left: 5px;
    }

    figure:hover {
        background-color: #1ba6e0;
        border-radius: 5px;
    }







        </style>


    </head>
    <body>
    <div id="nav">
        <img id="logo" src="images/REWIND HD web.png">
    </div>
    <div id="division"></div>

        <div class="wraper">

        <div class="poster">
        <figure>
            <figcaption>James Bond<br /> Octopussy</figcaption>
            <a href="james Bond.html"><img src="images/octopussy.jpg"></a>
        </figure>
        </div>

        <div class="poster">
            <figure>
            <figcaption>James Bond<br /> A View To A Kill</figcaption>
            <a href="james Bond A view to kill.html"><img src="images/JBAVTK.jpg"></a>
            </figure>
        </div>

        <div class="poster">
            <figure>
            <figcaption>James Bond<br /> For Your Eyes Only</figcaption>
            <a href="James Bond For your eyes only.html"><img src="images/James Bond For Your Eyes Only.jpg"></a>
            </figure>
        </div>

        <div class="poster">
            <figure>
            <figcaption>James Bond<br /> Licence To Kill</figcaption>
            <a href="James Bond For your eyes only.html"><img src="images/James Bond Licence To Kill.jpg"></a>
            </figure>
        </div>

        <div class="poster">
            <figure>
            <figcaption>James Bond<br /> Moonraker</figcaption>
            <a href="James Bond Moonraker.html"><img src="images/James Bond Moonraker.jpg"></a>
            </figure>
        </div>

        <div class="poster">
            <figure>
            <figcaption>James Bond<br /> Never Say Never Again</figcaption>
            <a href="James Bond Never Say Never Again.html"><img src="images/James Bond Never Say Never Again.jpg"></a>
            </figure>
        </div>

        <div class="poster">
            <figure>
            <figcaption>James Bond<br /> Majestys Secret Service</figcaption>
            <a href="James Bond On Her Majestys Secret Service.html"><img src="images/James Bond On Her Majestys Secret Service.jpg"></a>
            </figure>
        </div>

        <div class="poster">
            <figure>
            <figcaption>James Bond<br /> The Living Daylights</figcaption>
            <a href="James Bond The Living Daylights.html"><img src="images/James Bond The Living Daylights.jpg"></a>
            </figure>
        </div>

        <div class="poster">
            <figure>
            <figcaption>James Bond<br /> The Spy Who Loved</figcaption>
            <a href="James Bond The Spy Who Loved.html"><img src="images/James Bond The Spy Who Loved.jpg"></a>
            </figure>
        </div>

        <div class="poster">
            <figure>
            <figcaption>ames Bond<br /> Licence To Kill</figcaption>
            <a href="James Bond For your eyes only.html"><img src="images/James Bond Licence To Kill.jpg"></a>
            </figure>
        </div>

        <div class="poster">
            <figure>
            <figcaption>James Bond<br /> Moonraker</figcaption>
            <a href="James Bond Moonraker.html"><img src="images/James Bond Moonraker.jpg"></a>
            </figure>
        </div>

        <div class="poster">
            <figure>
            <figcaption>James Bond<br /> Never Say Never Again</figcaption>
            <a href="James Bond Never Say Never Again.html"><img src="images/James Bond Never Say Never Again.jpg" class="background_color"></a>
            </figure>
        </div>

        <div class="poster">
            <figure>
            <figcaption>ames Bond<br /> Licence To Kill</figcaption>
            <a href="James Bond For your eyes only.html"><img src="images/James Bond Licence To Kill.jpg"></a>
            </figure>
        </div>

        <div class="poster">
            <figure>
            <figcaption>James Bond<br /> Moonraker</figcaption>
            <a href="James Bond Moonraker.html"><img src="images/James Bond Moonraker.jpg"></a>
            </figure>
        </div>

        <div class="poster">
            <figure>
            <figcaption>James Bond<br /> Never Say Never Again</figcaption>
            <a href="James Bond Never Say Never Again.html"><img src="images/James Bond Never Say Never Again.jpg" 

        </figure>
        </div>
    </div>
    </body>
    </html>