私のコンテナ流体要素は、すべての画面サイズで、右側にマージンを、下にスクロールバーを表示します。私はこれを望んでいない。コンテナ流体フルスクリーン幅ではない
この質問は以前に聞かれましたが、答えの中で答えがうまくいきません。以前の記事の中には、他のOPのいくつかを助けてくれなかったものもあります。
私は
.container-fluid{
padding: 0;
}
.container-fluid{
padding: 0 !important;
}
section {
background-size: cover;
}
を試みたが、彼らは動作しません。
は、ここに私のhtmlです:
<section class="container-fluid" id="portfolio">
<h3 id="portfolio-title">PORTFOLIO</h3>
<div>
<div class="col-sm-4 col-xs-6 custom-column">
<a href="http://codepen.io/SimmoSim/" target="_blank">
<!--for image opacity --><div class="element">
<img src="http://res.cloudinary.com/simmosim/image/upload/v1489655509/web-design_wlv0vi.jpg" alt="Web design" width="100%"></div></a><h4>Web Design</h4>
</div>
<div class="col-sm-4 col-xs-6 custom-column">
<a href="https://simmosimpson.wordpress.com/portfolio/" target="_blank"><!--for image opacity --><div class="element"><img src="http://res.cloudinary.com/simmosim/image/upload/v1489655007/bass-guitar-blue-dry-ice_ov3l6m.jpg" alt="My photograph" width="100%"></div></a>
<h4>Photography</h4>
</div>
<div class="col-sm-4 col-xs-6 custom-column">
<a href="https://nomadapprentice.wordpress.com/" target="_blank">
<!--for image opacity --><div class="element"><img src="http://res.cloudinary.com/simmosim/image/upload/v1489655008/blog-desk_dewden.jpg" alt="My blog" width="100%"></div></a>
<h4>Blog</h4>
</div>
<div class="col-sm-4 col-xs-6 custom-column">
<a href="https://www.facebook.com/SimmoSimpsonMusic/" target="_blank">
<!--for image opacity --><div class="element"><img src="http://res.cloudinary.com/simmosim/image/upload/v1489655006/Simmo-music_zb0yqg.jpg" alt="My music" width="100%"></div></a>
<h4>Music</h4>
</div>
<div class="col-sm-4 col-xs-6 custom-column">
<a href="https://www.facebook.com/effectivealtruismtaipei/" target="_blank">
<!--for image opacity --><div class="element"><img src="http://res.cloudinary.com/simmosim/image/upload/v1489655004/Effective-Altruism-Logo_uove4m.jpg" alt="EA logo" width="100%"></div></a>
<h4>Effective Altruism</h4>
</div>
<div class="col-sm-4 col-xs-6 custom-column">
<!--for image opacity --><div class="element"><img src="http://res.cloudinary.com/simmosim/image/upload/v1489655008/TBC_fuzthv.jpg" alt="My future" width="100%"></div>
<h4>TBC</h4>
</div>
</div>
...そして、私のCSS:
.container-fluid {
padding: 0 !important;
}
section {
background-size: cover;
}
div {
text-align: center;
}
ヘルプははるかに高く評価します!
を追加https://www.codeply.com/go/Ws5OMcLcXbありますあなたは他の要素がページにあふれていないことを確かめてください。 – neophyte
なぜ私は@neophyteの最後に問題があるのでしょうか? – sim
あなたはここにすべてを見ることができます:http://codepen.io/SimmoSim/pen/wJgpwg?editors=1100 – sim