/**HTMLのデフォルトでpadding:5;になるので、**/
/**paddingを0に指定しないと画面いっぱいにレイアウトできなくなります。**/
html,body{
padding:0;
margin:0;
}
/**scrollのバーが邪魔になって画面がズレるので**/
/**widthとheightは100vh、100vwで画面いっぱいにしておきます。**/
.base{
display:flex;
flex-direction:row;
width:100vw;
height:100vh;
overflow:hidden;
}
/**iframeを表示する領域。**/
.hidari{
width:15%;
height:100%;
background-image:url(../haikei/1.gif);
}
/**iframe内のページの広さをiframeの幅に合わせる。**/
/**これがないと縦だけでなく横方面にもスクロールバーが出てみっともないです。**/
.menu{
width:100%;
}
/**右のメインになる画面です。**/
.migi{
width:85%;
height:100%;
overflow-y:scroll;
background-image:url(../haikei/2.gif);
}