Q&A
###前提・実現したいこと
wordpressでlightningというテーマを使ってホームページをつくりたいです。
https://lightning.nagoya/ja/
この個別ページのメインのコンテンツ(wordpressの管理画面>固定ページ>新規追加で書いた記事の部分)内の、特定部分の背景色を画面幅いっぱいにしたいです。
bootstrap で class="container" がテンプレート内に埋め込まれていますので、下位要素はcssで背景色を追加してもコンテンツ幅までしか指定できず、画面いっぱいにはなりません。
そこで私は、
###該当のソースコード
html
1 2<html> 3<body> 4<div class="container"> 5 <section class="aa">aa</section> 6 <section class="bb">bb</section> 7</div> 8</body> 9</html> 10 11 12```css 13body { 14 background: #FFF; 15} 16.bb { 17 margin-left: -1000px; 18 margin-right: -1000px; 19 padding-left: 1000px; 20 padding-right: 1000px; 21 background: #000; 22 color:#FFF; 23}
###試したこと
と、こんな感じでCSSを書いてみたのですが、パソコン(chrome)では問題ないのですが、スマホ(iPhone)で.bb部分の背景色が画面幅をこえて右側に伸びてしまいます。(右方向に横スクロールできてしまいます)
プラグインなど使用せずにCSSだけで対応できるよい方法はないでしょうか？
テンプレートをいじって
<div class="container">を <div class="container-fluid">に変更する方法以外でお願いします。###補足情報
htmlとcssしかわからない超初心者ですので、丁寧にご回答いただけますと非常に嬉しいです。
回答1件
0
lightningの子テーマを作って幅100%のブロック要素でも作らないと難しいと思います。
投稿2017/04/22 10:08
総合スコア1857
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。