我的容器div无法完全扩展时出现问题。内层巨型div与之重叠。
橙色是我的巨无霸,而绿色是我的容器。我需要将巨型飞机留在容器内。
这是HTML:
<div class="container">
<div class="page-header">
<img src="../../images/logoonly.png" class="img-responsive" alt="Cinque Terre"
class="img-responsive center-block">
</div>
<div id="custom-bootstrap-menu" class="navbar navbar-default " role="navigation">
<div class="container-fluid">
<div class="navbar-header"><a class="navbar-brand" href="#"></a>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-menubuilder">
<span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span
class="icon-bar"></span><span class="icon-bar"></span>
</button>
</div>
<!-- Navbar here-->
</div>
</div>
<!--Below code loops through the database and displays the result -->
<?php
if ($result = $db->query("SELECT * FROM userinformation WHERE username = '" . $_SESSION['username'] . "'")) {`enter code here`
if ($count = $result->num_rows) {
while ($row = $result->fetch_object()) {
?>
<div class="jumbotron container-fluid">
<!--Stuff here -->
<?php
}
$result->free();
}
}
?>
尝试将以下内容添加到您的容器CSS
overflow: auto;
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句