人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

CSSについて教えてください。

widthで、幅100%より 2pxだけ狭くしたいため、下記のように記述したところ、
思い通りの表現になったのですが、
css内の値を数式で記述するのは、一般的なのでしょうか?


#aaa { width: 100%-2px; }



また、エラーが発生する可能性はないでしょうか?

●質問者: kazoo9
●カテゴリ:インターネット ウェブ制作
✍キーワード:aaa CSS エラー 表現 記述
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● taroe
●27ポイント

#aaa { width: 100%-100px; }

などの大きい数字を入れても、ちゃんと反映してますか?

それが答えです。

http://q.hatena.ne.jp/answer

◎質問者からの返答

反映していませんでした・・・。

いろいろ試してみると、

「-2px」が反映されていた理由が微妙に分かりました。


経緯を説明しますと、

同じdivの中で、width のほかに、border を使っていたため、

borderが外枠表示になってしまい、そのborderの太さの分だけ、幅が広がっていたため、

それを解消できないかと考えていたのですが、

試しに -2px を入れてみたら、「あ、できた」的な感じでした。


ご指摘を受けていろいろ試した結果として、

width の数字に 「+」「-」等で数字をつなげると、

borderの太さの分だけ広がっていた幅がなくなる効果があるみたいです。

理由は分かりませんが、border の外枠表示が、内枠表示に切り替わるのだと思います。


おかげさまで勉強になりました。

有難うございました。


2 ● online_p
●27ポイント

%かpxに統一した方がよいかと。http://www

◎質問者からの返答

そのようですね。

有難うございました。


3 ● niwa-mikiho
●27ポイント ベストアンサー

その表記方法は CSS にはありません。


希望された表示になったのは偶然であって、正解では無いです。



もし div に対しての指定であれば、


margin-right: 2px;


でどうでしょう?

div は width の値を指定しないときは親のブロックの幅と同じ幅になります。

かと言って width: 100%; してもだめです。


今テストしてたらそうなりました ^-^


http://dum

◎質問者からの返答

貴重なアドバイスを有難うございます。

あと、お返事が遅くなって申し訳ございません。

他のCSSの関係で条件が異なったのだと思いますが、margin-right: -2px; でうまくいきました!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ