FEVDES BLOG

自分の経験をシェアしたい。Webデザインのテクニック&効率化。

CSSのcalcで、width:100%からマイナスpx指定する

   

CSSでcalcがあるのを知ってましたが、使いどころがわからずに、放置していました。

例えば、こちらのサンプルのように、レスポンシブなどで、画像の幅は固定し、テキスト部分は伸縮する時に使えますね。

calcのサンプルはこちら

SPONSORED LINK

HTML

CSS

calcで幅100%から画像とマージン分を引いているだです。

こんなに便利なら、はやく試しておけばよかったです(-_-)

 - CSS