0

ポジション:絶対を試すのはこれが初めてであり、これが私が望む結果を得る正しいアプローチであるかどうかはわかりません。私が望む結果は、Web ページがブラウザーの解像度の高さと幅を完全に埋めることです。http://getbootstrap.com/のようなデザインが必要です。

ブートストラップ

洗練された直感的で強力なモバイル ファースト フロントエンド フレームワークにより、Web 開発をより迅速かつ簡単に行うことができます。

ソースコードを見たところ、次のものを使用しているようです。

*, *:before, *:after {
     -moz-box-sizing: border-box;
}

私のコードでは、何かを追加したときにのみセクションが展開されますが、セクション要素 (スマートフォンの写真とメッセージ) を移動すると、スキップされます。ブートストラップ Web サイトのようなデザインがどのように優れているかは誰でも知っています。ヘッダーは問題ないと思います。中央のコンテンツスペースは要素を自由に移動し、フッターは下部にあります。ありがとう！

私の完全なコードはここにあります: http://jsfiddle.net/TheAmazingKnight/JWDGd/

4

3 に答える 3

2

この場合、次の 2 つのことを行う必要があります。

1)スティッキー フッターを適用する--これに対する優れたソリューションはこちら

2)縦方向に中央 揃え--これがこの問題の答えですsection

これが更新されたjsfiddleです

于 2013-09-16T17:11:08.090 に答える
1

これをCSSに入れるべきだと思います：

 position:absolute;
 top:90px;   /* you might change the value */
 left:100px; /* you may change the value, its like your x and y value */
于 2013-09-16T16:38:59.103 に答える
1

最良の方法は、div にドラッグ機能を追加することです。これは、http: //jqueryui.com/draggable/のような JavaScript ライブラリで行うことができます。

于 2013-09-17T03:31:36.627 に答える