2017-11-06 20 views
0

私は子divブロックと親divブロックを持っています。子ブロックのサイズは変わりますが、親ブロックのサイズは同じです。親ブロックのアコーディオンを子ブロックにサイズ変更するにはどうすればよいですか?サイズ変更親ブロックアコーディオンとサイズ変更する子ブロック

HTML:

<div class="about_me"> 
    <p>About me<img class="pencil" src="assets/pencil.png" alt=""></p> 
    <div class="about_me_content"> 
      some information.. 
    </div> 
</div> 

SASS:

.about_me 

     position: relative 
     top: 90px 
     width: 981px 

答えて

0
<!DOCTYPE html> 
<html> 
<head> 

    <style> 
.about_me{ 


    position: relative; 
     top: 90px ; 
     width: 981px; 
     border: 1px solid #888; 
     } 

    .about_me_content{ 
    width: 100%; 
    border: 1px solid 

blue; 



    }  
</style> 

<body> 
<div class="about_me"> 

    <p>About me<img class="pencil" src="assets/pencil.png" alt=""></p> 
    <div class="about_me_content"> 
      some information.. 
    </div> 
</div> 

</body> 
</html> 

子ブロックの幅を%である場合、あなたが望むようには柔軟になります。

+0

2つのクラスを識別または区別するために境界線を追加しました – dean

+0

その作業。ありがとうございました! – tatamingi

+0

よろしくお願いします。 – dean