CSS3 で Taobao に空白スペースを実装する方法
|
Taobao用の空白スペースを作成します。
ブラウザページを縮小すると、コンテンツ領域は縮小されませんが、空白スペースは小さくなります。
<!DOCTYPE html>
<html>
<ヘッド>
<メタ文字セット="utf-8" />
<タイトル></タイトル>
<スタイル タイプ="text/css">
*{
マージン: 0;
パディング: 0;
}
.ラッパー{
高さ: 30px;
背景色: グレー;
}
。コンテンツ{
幅: 1200ピクセル;
高さ: 30px;
背景色: #0f0;
margin: 0 auto;/* 上と下は 0、左と右は適応型*/
}
</スタイル>
</head>
<本文>
<div class="wrapper"><!-- 背景領域 -->
<div class="content"></div><!-- コンテンツ領域 -->
</div>
</本文>
</html>
このように、ズームすると外側の灰色の部分がズームされ、緑色の部分が常に中央になります。 中のテキストはこのように書かれています。 <div> <ul style="float: left;"></ul> <ul style="float: right;"></ul> </div> CSS3 で Taobao のホワイト スペースを実現する方法については、これで終わりです。CSS3 Taobao のホワイト スペースに関する関連コンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 |
<<: Vue コンポーネントでのアンチシェイクとスロットリングの使用例の分析
>>: MySQL 構成マスタースレーブサーバー (マスター 1 台とスレーブ複数台)
推薦する
WebページのレイアウトではIE6の互換性の問題を考慮する必要があります
下の図は、当社のウェブサイト統計システムの訪問者詳細におけるブラウザ閲覧率を示しており、IE6 が ...
ブラウザのバージョンを決定し、複数のブラウザと互換性があることを示すステートメント
<!--[lte IE 6の場合]> <![endif]--> IE6以下で...
Alibaba Cloud Linux CentOS 7.2 で自作 MySQL のルートパスワードを忘れた場合の解決方法
検証環境: [root@~~/]# rpm -qa | grep mysql mysql-5.6.2...
nuxt.js 複数の環境変数の設定
目次1. はじめに2. シナリオ3. 環境を整える3.1 環境変数の挿入4. 最後に1. はじめに一...
Tomcat 7.0 で仮想ディレクトリを設定し、仮想パスを構成する方法
Tomcat7.0は仮想ディレクトリを設定します（1）現在、当社のウェブサイトはデフォルトのディレク...
jQuery を使用してカルーセル効果を実装する
この記事では、jQueryでカルーセルチャートを実装するための具体的なコードを参考までに共有します。...
JavaScript JSON.stringify() の使用法の概要
目次1. 使用方法1. 基本的な使い方2. 2番目のパラメータ - フィルター3. 3番目のパラメー...
Vueはmockjsを使用してシミュレートされたデータケースの詳細を生成します
目次プロジェクトにmockjsをインストールするVueプロジェクトでmockjsを使用する基本的なプ...
初心者向けウェブサイト構築ガイド⑦：美しいウェブサイトを作るのはとっても簡単
私はかつて、ウェブサイトを一度も構築したことのない人々が、初心者向けのウェブサイト構築方法に関する私...
MySQLへのJava接続の基礎となるカプセル化の詳細な説明
この記事では、Java接続MySQLの基礎となるカプセル化コードを参考までに紹介します。具体的な内容...
MySQLのよくある間違い
NULL 値によると、MySQL の NULL 値は単にデータがないことを意味します。NULL 値は...
Dockerはコンテナを通じてイメージを生成し、詳細にDockerCommitを送信します
目次ローカルでコンテナを作成した後、このコンテナに基づいてローカル イメージを作成し、このイメージを...
Vueは画像のドラッグと並べ替えを実装します
この記事の例では、画像のドラッグと並べ替えを実装するためのVueの具体的なコードを参考までに共有して...
面接で聞かれる可能性のあるCSSに関する質問
この記事は、100 回書かれ、質問された CSS の質問を記念するためのものです。聞く： CSS セ...
href をクリックした後にページがジャンプしないようにするための空のリンクの正しい書き方 # 問題
リンクを使用する必要がある場合もありますが、リンクする必要はありません。onclick イベントを処...