为什么潜水器发生碰撞
Why are the divs colliding?
我有响应问题。每当我缩小页面时,右边的div就会与左边的div发生冲突。一个放在图片后面,其他的放在段落里。它好像溢出来了,我知道为什么。
.list-group {
margin: 0 auto;
}
.list-group div {
background-color: ;
height: 200px;
}
.list-group h3 {
color: #175C85;
}
.list-group .pic {
background-image: url(../images/AdobeStock_52854917_WM.jpeg);
background-size: cover;
background-repeat: no-repeat;
border-radius: 4px;
margin-right: 50px;
margin-left: 30px;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
</head>
<body>
<div class="container">
<div class=" list-group col-sm-12 col-md-10">
<div class="row">
<div class="col-sm-6">
<h3>One All-Inclusive Fee</h3>
<p>There are no hidden fees or additional charges when working with Nevada Corporate Headquarters, Inc. (NCH). There is one initial fee and it includes the entire process. NCH pays for all initial state filings, account set up fees and expedite
services for both. NCH gives you one all-inclusive fee—one time; an offer unmatched by our competitors.</p>
</div>
<div class="col-sm-6">
<h3>One-Stop Shop</h3>
<p>NCH will facilitate the entire process from start to finish—your one-stop solution. This includes, but is not limited to, creating the entity, entity documents, new retirement account(s), rollovers, transfer of the investment(s) into your entity—all
performed and produced by NCH.</p>
</div>
</div>
<div class="row">
<div class="col-sm-6 img-div">
<div class="pic">
</div>
</div>
<div class="col-sm-6">
<h3>Limit Your Ongoing Custodial Fees</h3>
<p>NCH’s fee schedule is simple. There are no transactional fees after the Self-Directed structure has been completed. After the first year, the ongoing maintenance fees are limited, regardless of the size of your account. Through NCH’s process
you will not be penalized as the value of your retirement account increases.</p>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<h3>Experience and Thoroughness</h3>
<p>NCH has established thousands of self-directed retirement accounts, helping individuals take advantage of potentially more secure and more lucrative investments for their retirement. We facilitate the implementation of all documents, ensuring
that all requirements have been met and you maintain full signature authority on behalf of your self-directed retirement account. With over 25 years of experience, our systematic approach has proven to be effective and timely, putting you
in control as quick as possible.</p>
</div>
<div class="col-sm-6">
<h3>Ongoing Education and Coaching</h3>
<p>Once your new structure is in place, questions will most certainly arise. NCH provides ongoing coaching and education via email or our toll-free hotline, to help guide you through the first six months of implementation. Unlike most of our competition,
NCH employs and trains a knowledgeable self-directed staff. Regardless of the questions you have—they are simply an email or phone call away from being answered.</p>
</div>
</div>
</div>
</div>
</body>
</html>
删除高度
.list-group div {
background-color: ;
/* height: 200px; */
}
我把你的代码放在jsFiddle中,并删除了一些css,它似乎已经解决了这个问题。
.list-group div{
background-color:;
//height: 200px;
}
https://jsfiddle.net/DTcHh/19303/
相关文章:
- 显示5秒后隐藏潜水
- 点击后隐藏潜水?(但如果Div是一面旗帜呢?)
- JQuery UI可拖动潜水与滚动棒到鼠标
- 多重潜水淡入淡出打开
- iPhone:固定位置潜水不可见
- 刷新潜水内容不起作用
- 谷歌地图点击潜水触发信息窗口
- IE7-FIX下的总碰撞
- 将“潜水高度”设置为“另一潜水高度”
- 如何限制一个字段只接受4个数字字符作为输入,并获得'It’这是潜水警报
- 逐像素碰撞检测弹球
- 潜水器上的粘性按钮
- 动态潜水高度jQuery.Load()不工作
- 潜水没有在Bootstrap/Javascript复选框菜单中排队
- 点击显示具有相同ID和类别的2个潜水
- 潜水隐藏不起作用
- Highcharts多个Y轴绘图带碰撞
- 砖块和球之间的碰撞检测(使用数字数组)
- 为Phaser创建碰撞形状
- 为什么潜水器发生碰撞