Question

我遇到的问题是我的网站http://jsbin.com/cesorozu/3/edit 但是，当我想为新文章创建一个新的范围时，如http://jsbin.com/fobalilorogo/1/edit

<!DOCTYPE html>
<html>
<head>
<title>Game Nxt Gen</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="Welcome to the new generation of gaming !" content="Site de la team-multigaming Game Nxt Gen">
<meta name="author" content="Psyko460">
<!-- Bootstrap -->
<link href="css/bootstrap.css" rel="stylesheet" media="screen">

</head>
<body>

  <div class="row-fluid">
  <div class="span13 pagination-centered"><img src="img/Banniere%20site.png"</img></div>
  </div>



                <ul class="nav nav-tabs Center pull-bottom">
                    <li class="active"><a href="index.html">Acceuil</a></li>
                    <li class="divider-vertical"></li>
                    <li><a href="membres.html">Membres</a></li>
                    <li class="divider-vertical"></li>
                    <li><a href="videos.html">Vidéos</a></li>
                    <li class="divider-vertical"></li>
                    <li><a href="forum.html">Forum</a></li>
                    <li class="divider-vertical"></li>
                </ul>

   <div class="span13 Contbg Center ContBorder toBottom">  

     <div class="spannews toLeft toRight toTop bordered spanbg">
       New article
     </div>

   <div class="spannews toLeft toRight toTop bordered spanbg">
      <header><h2><img src="img/logo%20gng%2050.png"</img>  Présentation</h2></header>
       <hr width="100%">
   <br> Bonjour et bienvenue sur le site de la communauté Game Nxt Gen.<br>Nous sommes une communauté de joueur multi-gaming, nous jouons à toutes sorte de jeux FPS, MMO, STR, MOBA, RPG etc.. <br>La plupart des membres se connaissent depuis plusieurs années.<br>Nous acceuillons tous le monde sur le mumble, un bon sens de l'humour est requis !<br>Une IRL à déjà était faite la plupart de la communauté était présente, nous referons surement ça à pendants les vacances scolaire !<br><div class="pagination-centered toTop"><img src="Fond%20Stream%20samedi2.jpg"width="55%"</img></div>
   </div>



   <div class="spandlogin toLeft toRight toTop bordered spanbg">
    login
   </div>

    <div class="spanmumbleviewer toLeft toRight toTop toBottom bordered spanbg">
    mumble viewer
   </div>   

   </div>
<div class="pagination-centered">
Contact : marvin.psyko@gmail.com. Thème, design et code réalisés par Psyko460 accompagné de Twitter Bootstrap. © 2014 GameNxtGen.fr. 
<br> Welcome to the new generation of gaming !
</div>


<script src="http://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>

登录范围和嘟嘟查看器范围下降我不知道如何完全修复两个跨度的位置，当我创建新文章时，它们不会宕机。

抱歉我的英语很差。

Answer 1

尝试这样做

  <div class="spandlogin toLeft toRight toTop bordered spanbg">
    login
   </div>

   <div class="spannews toLeft toRight toTop bordered spanbg">
    New article
   </div>

Answer 2

我找到了解决问题的方法，那些想要修复的人就是它！所以我只需在名为：.col-left和.col-right

的css中创建新的div

.COL左{ 向左飘浮 }

.COL右{ 漂浮：对 }

将文章放在适当的div中！

我希望我的容器/跨度固定位置

2 个答案: