CSS--overflow:hidden のプロジェクト例

CSS--overflow:hidden のプロジェクト例
以下は、私のプロジェクトでこのプロパティを使用する方法の例です。
(1)激しく透明な浮遊

コードをコピー
コードは次のとおりです。

<スタイル タイプ="text/css">
.wrap {オーバーフロー: 非表示;ズーム:1;背景色: #ccc;}
.wrap p {float: left;}
</スタイル>


コードをコピー
コードは次のとおりです。

<div class="wrap">
<p>CSS のテスト</p>
</div>

(2)余白の崩れを防ぐ

コードをコピー
コードは次のとおりです。

<スタイル タイプ="text/css">
本文、p {パディング: 0;マージン: 0;}
.wrap {オーバーフロー: 非表示;ズーム:1;背景色: #ccc;}
.wrap p {マージン上部: 20px;}
</スタイル>
<div class="wrap">
<p>CSS のテスト</p>
</div>

(3)IE-6で1pxの高さのブロック要素を定義する問題を解決する

コードをコピー
コードは次のとおりです。

<スタイル タイプ="text/css">
.line {高さ: 1px;背景色: #ccc;オーバーフロー: 非表示;}
</スタイル>
<div class="line"></div>

(4)2列レイアウトを作成する

コードをコピー
コードは次のとおりです。

<スタイル タイプ="text/css">
div {高さ: 500px;}
.left {float: left;背景色: #000;幅: 200px;右余白: 5px;}
.right {オーバーフロー: 非表示;ズーム:1;背景色: #ccc;}
</スタイル>
<div class="left"></div>
<div class="right"></div>

<<:  TypeScript インターフェースの紹介

>>:  高性能な HTML アプリケーションを作成するためのヒント

推薦する

Dockerfile における ENV 命令の具体的な使用法の詳細な説明

1. Dockerfile 内の ENV 命令は、イメージの環境変数を定義するために使用されます。次...

MySQLクエリが遅い原因と解決策

クエリ速度が遅くなる理由は多数ありますが、最も一般的な理由は次のとおりです。 1. インデックスがな...

Nginxはhttpとhttpsの両方のアクセスをサポートするために同じドメイン名を設定します

Nginx は同じドメイン名で構成されており、http と https の両方でアクセスできます。証...

Linux で Grafana をインストールし、InfluxDB モニタリングを追加する方法

Grafana をインストールします。公式 Web サイトでは、直接インストールできる Ubuntu...

Ubuntuデュアルシステムが起動時に停止する問題の解決方法の詳細な説明

起動時に Ubuntu デュアル システムが停止する問題の解決方法 (Ubuntu 16.04 およ...

JavaScript 関数呼び出し、適用、バインド メソッドのケース スタディ

要約する1. 類似点どちらも、ターゲット関数が実行されると内部の this ポインターを変更できます...

Linux CDの意味と使い方

Linux CD とはどういう意味ですか? Linux では、cd はディレクトリの変更を意味します...

MySQLデータベースは重複データを削除し、メソッドインスタンスを1つだけ保持します

1. 問題の紹介ユーザー テーブルに 3 つのフィールドが含まれているシナリオを想定します。 id、...

Reactプロジェクトで要素を使用する方法

React プロジェクトで要素フレームワークを使用するのは今回が初めてです。非常に単純な問題に遭遇し...

パフォーマンス負荷診断にMySQLシステムデータベースを使用する方法

ある達人がかつて、自分の妻のことを知るのと同じくらい、自分が管理するデータベースのことを知るべきだと...

良いリファクタリングを行うには、コードをリファクタリングするだけでなく、人生をリファクタリングすることも重要です。

職業的な観点からも、人生の観点からも、良い再建をすることは本当に簡単ではありません。楽観的で熱心で前...

HTMLデータ送信投稿_PowerNode Java Academy

HTTP/1.1 プロトコルで指定されている HTTP リクエスト メソッドには、OPTIONS、...

VMware 仮想マシンに固定 IP アドレスを設定する方法 (グラフィック チュートリアル)

1. メニューバーで「編集」→「仮想ネットワーク エディター」を選択して仮想ネットワーク エディタ...

jQueryはアコーディオンの小さなケースを実装します

この記事では、アコーディオンを実装するためのjQueryの具体的なコードを参考までに紹介します。具体...

CentOS に Memcached と PHP Memcached 拡張機能をインストールする

高性能分散メモリオブジェクトキャッシュシステムMemcachedについては、別の記事「Windows...