2

私の目標:たとえば、ブラウザー ウィンドウの各端から 35 ピクセルになるようにスタイル設定された HTML 部門を作成したいと考えています。また、ユーザーがブラウザでズームインおよびズームアウトしている場合でも、ブラウザが最大化されていて、実際のモニターが全画面表示の場合でも、この分割タグがそれ自体とブラウザの端の間に 35px のスペースを保持する必要があります。またはワイドスクリーンディスプレイ。

視覚的に:ブラウザーのサイズが変化すると動的にサイズを調整する長方形の形状ですが、長方形のエッジとブラウザー ウィンドウのエッジの間に常に一定のスペースが維持されます。

これを達成する方法についての洞察をいただければ幸いです。探している答えが見つかったら、JS Bin の例を共有します。

回答: http://jsbin.com/uxomul/4/edit

4

3 に答える 3

1

ここでのHTMLとCSSはあなたが望むことをしているようです：-

http://jsbin.com/ifolaf/1/edit

于 2012-08-23T20:11:10.910 に答える
1

幅が100％のネストされたdivコンテナを使用してみてください

<div class="container">
<div class="content">
 will have 35px
<div>
</div>

.container{
width: 100%;
padding: 35px;
}

.container .content{
width: 100%;
}
于 2012-08-23T20:13:56.077 に答える
1

これは最善の方法ではないかもしれませんが、私の頭に浮かんだ最初のことです。

.flex {
    position: absolute;
    right: 35px;
    left: 35px;
}
于 2012-08-23T20:09:49.083 に答える