CSSの加算

リキッドデザインでウェブページを製作する際は長さをピクセルではなくパーセンテージで指定したりしますよね。

パーセンテージで指定すると、borderとかスクロールバーなどの都合でどうしても数ピクセルくらいズレてキチッと揃ったデザインにできないのが難儀だなぁと常々思ってました。

CSSでも加減乗除できないものかなぁと思って試しに

<style type="text/css">
<!--
.hoge { width:100% - 2px; }
-->
</style>

って感じでやってみたら・・・

ズレが直ったー(゜д゜´)

IETesterや狐、クロムで確認しても「-2px」というのは効いてる模様。

なに?なんなの?
冗談でやってみただけだけどCSSのパラメータって加減乗除が有効なの?

教えてエロい人>_<

コーディングハイな落書き

20110201-coadinghi.png

ペンと紙と携帯とネット環境があれば、タブレットなど無くともブログは更新可能だということなんよ。(・ω・´)

偉い人は言ったんよ、「パンがなければお菓子を食べればいいじゃない」って。(・ω・´)

でも、あれって本当は「パンが無ければ(当時の乾パンである)ブリオッシュというお菓子を食べればいいじゃない」って意味であってマリーアントワネットの世間知らずを揶揄したものではないらしいんよ。(・ω・´)

そもそも、それ自体マリーアントワネットの発言でも無いらしいんよ。(・ω・´)

つまり、マリーちゃんは俺の嫁(・ω・´)

どうしてこうなった!
(寝不足なんです)