何度も聞かれる同じ質問をして申し訳ありません..しかし、私のケースは少し奇妙に思えます..すべての投稿をチェックしましたが、解決策が見つかりませんでした.
http://jsfiddle.net/pBPQ7/1/ これは私のコードです。
ウィンドウのサイズを変更してもrightson常にくっつくようにしたいです。leftson
私の大画面では、右の子が画面の右端まで行き、左の子が真ん中に残ります。私はそれらが常にお互いに固執することを望んでいます..CSSでどのように可能ですか? :(
何度も聞かれる同じ質問をして申し訳ありません..しかし、私のケースは少し奇妙に思えます..すべての投稿をチェックしましたが、解決策が見つかりませんでした.
http://jsfiddle.net/pBPQ7/1/ これは私のコードです。
ウィンドウのサイズを変更してもrightson常にくっつくようにしたいです。leftson
私の大画面では、右の子が画面の右端まで行き、左の子が真ん中に残ります。私はそれらが常にお互いに固執することを望んでいます..CSSでどのように可能ですか? :(
これを確認してください: div に margin-right を追加し、親 div の幅を追加できます。
#father div {
display: table-cell;
}
#father {
display:table;
width:500px;
}
ここにjsfiddleがありますhttp://jsfiddle.net/pBPQ7/17/
何をしたいかによります。
左または右の列の幅を固定する必要がない場合は、項目に % を追加できます。
CSS
#father{
width:100%;
}
#leftson{
width:65%;
background:#FFFFFF;
border: 1px solid #E7E6E5;
box-shadow: 0px 0px 35px gray;
float: left;
}
#rightson{
width:30%;
float: left;
box-shadow: 0px 0px 35px gray;
}
それ以外の場合は、コンテンツを (同じサイズで) フロートできます。ここに他の例があります
別の可能性として、div の幅が固定されている場合、サイズ変更時に他の 1 つだけをサイズ変更できます。ここに例があります