cssにていくつものdivで囲んでいる時に親の影響を受けないようにしたいのですが方法はあるでしょうか?
html
1 2<div class="container"> 3 4 <div class="imf"> 5 小要素のテキスト 6 </div> 7 <div class="slider"> 8 9 <div class="chileslider"> 10 小要素のテキスト 11 </div> 12 </div> 13 14 15</div>
css
1.container { 2 margin-top: 10px; 3 width:80%; 4 5} 6 7.imf { 8 position: relative; 9 width: 100%; 10}
とあった場合に、
imfをcontainerのwidth:80%;に影響されずに画面いっぱいwidth100%で表示したいのですが、
imfクラスだけcontainerのcssに影響されない方法、うまく表示させる方法などあるでしょうか?
ここにはとりあえずのコードしか載せてないですが、imfに当たる部分にはjsのフェードインフェードアウトの画像が切り替わるのを配置してるので
position: relative;
width: 100%;
を入れてあります。
よろしくお願いします。
回答3件
あなたの回答
tips
プレビュー