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

时间：2016-04-18 05:45:19

标签： html css

enter image description here我遇到了一个似乎无法解决的问题， 在我的23“显示器上，页面显示内容，我的笔记本电脑屏幕上的14”它没有显示所有内容，我可以滚动一点但不是一路看到页面的res，任何暴徒？ 

import wx

class Frame(wx.Frame):
    def __init__(self, title):
        wx.Frame.__init__(self, None,\
          title=title, size=(300,250))
        panel = wx.Panel(self)

        sc = wx.SpinCtrl(panel, value='0', pos=(130, 50), size=(70, 25))
        self.valueText = wx.StaticText(panel, label='', pos=(130,80))

        sc.Bind(wx.EVT_SPINCTRL, self.spinControl)

    def spinControl(self, event):
        # Get spin control value
        value = event.GetPosition()
        # Update static text
        self.valueText.SetLabel(str(value))

app = wx.App()
frame = Frame("wxPython Widgets!")
frame.Show()
app.MainLoop()

    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: 1200px;
    	padding-left: 100px;

    	
    }

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

    }

    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;
    }

    <!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">
    </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>

1 个答案:

答案 0 :(得分：0)

我想你想要这样的东西： 首先，将width的{​​{1}}更改为wrapper以获得流体包装。 然后将85%添加到float:left课程。 代码在这里（你有一个小的响应页面）：

.poster
相关问题
最新问题