滚动条水平DIV

Question

我有一个CSGO赌博网站，我想，在锅中显示当前项目中在滚动条水平DIV所有我所做的是

这里是它的代码：

<?php 
@include_once('set.php'); 
@include_once('steamauth/steamauth.php'); 
@include_once "langdoc.php"; 
$lang = $_COOKIE["lang"]; 

$gamenum = fetchinfo("value","info","name","current_game"); 
if(!isset($_SESSION["steamid"])) $admin = 0; 
else $admin = fetchinfo("admin","users","steamid",$_SESSION["steamid"]); 
$ls2=0; 
//$rs69 = mysql_query("SELECT * FROM `game".$gamenum."` GROUP BY `userid` ORDER BY `id` DESC"); 
$rs69 = mysql_query("SELECT * FROM `game25` GROUP BY `userid` ORDER BY `id` DESC");?> 
<?php if(mysql_num_rows($rs69) == 0): ?> 
<?php else: ?> 
    <?php $row69 = mysql_fetch_array($rs69); ?> 
     <?php 
     if(!empty($row69['userid'])): 
     $ls2++; 
     $avatar = $row69["avatar"]; 
     $userid = $row69["userid"]; 
     $username = fetchinfo("name", "users", "steamid", $userid); 
     $usn = '"item" title="'.$username.'"'; 
     $steamid = fetchinfo("steamid", "users", "steamid", $userid); 
     $rs2 = mysql_query("SELECT SUM(value) AS value FROM `game".$gamenum."` WHERE `userid`='$userid'"); 
     $row = mysql_fetch_assoc($rs2); 
     $sumvalue = $row69["value"]; 
     ?> 

<?php //item stuff 
     //$rs322=mysql_query("SELECT * FROM `game".$gamenum."` WHERE `userid`='$userid' ORDER BY `value` DESC "); 
     //$rs322=mysql_query("SELECT * FROM `game25` ORDER BY `value` DESC "); 
     $rs322=mysql_query("SELECT * FROM `game".$gamenum."` ORDER BY `value` DESC "); 
     while ($row699 = mysql_fetch_array($rs322)): 
     $imglnk = 'http://steamcommunity-a.akamaihd.net/economy/image/'.$row699["image"].'/70fx58f'; 
     $wepprice = $row699['value']; 
     $weppname = $row699['item']; 
     $height="0"; 
     $ipx="px;"; 
     $heipx = $height.' '.$ipx; 
?> 
     <div class = "itemsdrop"> 
     <div class ="dropitems"> 
     <img src=<?php echo $imglnk; ?> class="mCS_img_loaded"> 
     </div> 
     <div class="col-lg-11 desc"> 
     <span class ="number hide"></span> 
     </div> 
     </div> 
     </div> 
     <?php $height = $height + "15"; ?> 
     <?php 
     endwhile; 
     endif; //end if(!empty...) 
     endif; 

     ?> 

CSS：

.itemsdrop { 
    background:#fff; 
    float:left; 
    position:relative; 
} 

.dropitems { 
    overflow:hidden; 
    overflow-x:scroll; 
} 

有谁可以帮我吗？这将是很好的得到这个工作。

Answer 1

Here's水平滚动的一个简单示例。

基本上，你需要分配下列属性外（父）元素（在你的情况，我认为这将是.itemsdrop）：

white-space: nowrap; 
overflow-x: scroll; 

这将允许内的元素滚动水平。

您的代码的问题是您要为每个框添加水平滚动，而不是父元素。