gpt4 book ai didi

html - Bootstrap 行流体溢出到父标签之外

转载 作者:太空宇宙 更新时间:2023-11-04 10:09:10 25 4
gpt4 key购买 nike

以下代码,当我在浏览器(firefox、chrome 和 ie)中运行它时,会导致内部 div 溢出:

在浏览器中: http://imgur.com/ebX5hrX

代码:

https://jsfiddle.net/DTcHh/21510/

在 jsfiddle 中运行时它完美运行

我的实际代码,与jsfiddle中的几乎相同

      <html>

<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>


</head>

<body>

<div class = "main-Frame container-fluid" > <!-- mid section -->
<div class="well row-fluid" >
<div class="body-wrapper" >
<p>Pay</p>
<hr/>
<div class="col-md-2" style="background-color:red">

<p>
asdfas
</p>

<p>
asdfas
</p>

<p>
asdfas
</p>

<p>
asdfas
</p>
<p>
asdfas
</p>
<p>
asdfas
</p>
</div>
<div class="col-md-10"></div>
</div>
</div>

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

最佳答案

您应该使用 row 代替 row-fluid

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

<div class = "main-Frame container-fluid" > <!-- mid section -->
<div class="well row" >
<div class="body-wrapper" >
<p>Pay</p>
<hr/>
<div class="col-md-2" style="background-color:red">
<p>asdfas</p>
<p>asdfas</p>
<p>asdfas</p>
<p>asdfas</p>
<p>asdfas</p>
</div>
<div class="col-md-10"></div>
</div>
</div>
</div>

关于html - Bootstrap 行流体溢出到父标签之外,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37739794/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com