Div不占满全宽？

我搜索了四周，只看到人们说“看看父母”。我的问题有点不同。

这里是我的演示站点 - http://falconsnest.cf（Django框架）

这里的GitHub的 - github.com/Sir-Lagsalot/FalconsNest

我的问题是与格 “容器”。它不适合整个页面，它只是奇怪地坐在偏左的中心位置。我该如何解决？

段：

@import 'http://falconsnest.cf/static/webapp/css/project/custom.css': 
 
@import 'http://falconsnest.cf/static/webapp/css/bootstrap.min.css': 
 
    @import 'http://falconsnest.cf/static/webapp/js/jquery-3.0.0.min.js': 
 
    @import 'http://falconsnest.cf/static/webapp/js/project/headerjs.js':

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 
<script src="http://falconsnest.cf/static/webapp/js/project/headerjs.js"></script> 
 
<script src="http://falconsnest.cf/static/webapp/js/jquery-3.0.0.min.js"></script> 
 
<link href="http://falconsnest.cf/static/webapp/css/bootstrap.min.css" rel="stylesheet"/> 
 
<link href="http://falconsnest.cf/static/webapp/css/project/custom.css" rel="stylesheet"/> 
 

 
<body> 
 

 
<div class="container"> 
 
    <button type="button" class="btn btn-primary btn-lg raised" data-toggle="collapse" data-target="#Signin"><span>Sign In!</span></button> 
 
    <div id="Signin" class="collapse"> 
 

 
     <div class="loginbar"> 
 
     <h1>LOGIN</h1> 
 
     </div> 
 
     <div class="prompt"> 
 
     <form action=forms.py method="POST"> 
 
      <input type='hidden' name='csrfmiddlewaretoken' value='6olNNouNeySQqSmiKExapeXe69tyAwZP' /> 
 
      StudentID:<br> <input class="form-control" type="text" name="username"><br> 
 
      Password:<br> <input class="form-control" type="password" name="password"> 
 
      <p></p> 
 
      <font size=2px> Don't have an account? <a href="/register">Register here!</a> <p></p></font> 
 
      <input type="submit" value="Submit"> 
 
     </form> 
 
     </div> 
 

 
    </div> 
 
</div> 
 
    </body>

这应该可以更清楚：

I want the div to cover the whole page. It's not. I've tried changing the class and setting the width to 100%. Doesn't work, but I can do thing like 140$, but that's not elegant and not dynamic to different screen sizes.

来源

2016-07-16 Gabriel Phua

发布重现问题的最小工作Stack代码段 – LGSon

容器流体适合整个页面。 – Saini

我没有看到有什么问题： -/ –

使用容器流体而不是容器类。

由于Bootstrap已经定义了容器类具有值并且容器流体类具有其自己的值的值，所以它显示为偏离中心。

这些值根据最佳视图进行调整。

容器流体类有一些左右边距值定义会导致您的工作出现问题。

虽然容器类也有一些非常少量的边界定义。

来源

2016-07-16 11:51:07 Saini

Django是无稽之谈。在我的代码中找不到，只能在页面源代码中找到。 –

其中之一将对其进行排序： 1）添加全宽 -

.yourDiv { 
    Width: 100%; 
}

2）删除边距和填充

.yourDiv { 
    margin: 0px; 
    padding: 0px; 
}

3）检查是否有任何元素不会导致你的div来向左移动，而不是成为全宽

如果这些不工作，请提供一些代码和你的div如何放置的图片。

来源

2016-07-16 11:49:46 RyanM

检查Django是否没有添加任何额外的div – RyanM

尝试添加“width：100％！important;”到您的CSS – RyanM

哈哈，我的坏。对不起，你们误导了你们。我发现bootstrap制作了div 1570px，而不是100％。当我把它变回100％时，它适合那个col-2。我意识到col-2来自另一个html文件。咩。

感谢您的帮助！

来源

2016-07-16 12:24:31

Div不占满全宽？

回答

相关问题