1. ホーム
  2. 質問と答え
  3. divを100％幅から一定量差し引く方法は？

divを100％幅から一定量差し引く方法は？

2011-08-06 10 views
4

だから私は、私がなりたいのdivがあります（ビューポートの）divを100％幅から一定量差し引く方法は？

100％の幅 - 150ピクセル

私はCSSやJavaScriptでこれを示すでしょうどのように？

出典

2011-08-06 Anonymous

+1

これは一つのことをCSSでは、IMOが非常に悪いことだこれは、完全に沿って残っています。 Mozillaブラウザには、ページがレンダリングされるときに計算されるので、パーセンテージは分かりませんが、希望するものを実行する 'eval（）'演算子（ドキュメントを見つけることはできません）があります。 – Bojangles

+0

あなたは何か回避策を知っていますか？ –

答えて

6

コンテナたいdiv要素の幅を変更するjQueryの$（ウィンドウ）セレクタを使用することができます）、およびdivのスタイルは、このようにする必要があります

position:relative; 
width:auto; 
margin:0px 150px 0px 0px;

出典

2011-08-06 01:10:28 Timur

+0

私が実際にやったことは、 'position：relative; width：auto; margin-left：150px（いくつかのピクセルを与えたり取ったりします。しかし、あなたは正しい道で私を得た」D –

2

あなたはposition:relative（または絶対的なもの...しかし、デフォルトではいけません、ビューポートの幅を取得し、あなたがあなたのdivの

var width = $(window).width(); 
    $("div").css("width", width-150);

出典

2011-08-06 01:07:19 nunopolonia

2

あなたはCSSスタイルを調べに行くことをお勧めします

box-sizing: border-box;

通常、内部のサイズは100％と計算されます。ボックスにパディングやボーダーが含まれていれば、まったく役に立たないでしょう。ボックスサイズでは、ボーダーの外側がそのサイズになるように計算されます。非ゼロのパディングと境界線を正しく設定した％サイズのdivを作成するのに非常に便利です。

出典

2011-08-06 01:18:04

関連する問題

 関連する問題