gpt4 book ai didi

javascript - 为什么 div 会发生冲突?

转载 作者:太空宇宙 更新时间:2023-11-03 21:21:42 24 4
gpt4 key购买 nike

我遇到响应问题。每当我缩小页面时,右侧的 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; */
}

关于javascript - 为什么 div 会发生冲突?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36604682/

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