困った時に役立ったCSSの小技

2015年8月30日 | Column, Web

position:relative;を記載してbottomを指定した配置にすると下に余白が生まれます。これを解決する方法としてmarginの値を指定する方法が有ります。下記にCSSを掲載しますので、実際に見てご確認下さい。


.img_photo{
        position:relative;
        width: 1200px;
        max-width: 100%;
        bottom: 60px; /*値分の余白が生じます*/
        margin-bottom: -60px; /*余白を解消する値を入れます*/
        padding: 15px;
        box-sizing: border-box;
}