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 アプリケーションを作成するためのヒント

推薦する

CSS3 を使用して楕円軌道の回転を実装するサンプルコード

最近、次のような効果を達成する必要がある最初は、CSS3D回転を使用して記述すると、次の効果しか得ら...

Vueはv-modelを使用してel-paginationコンポーネントのプロセス全体をカプセル化します。

v-model を使用してページング情報オブジェクトをバインドします。ページング情報オブジェクトに...

Tomcatでcatalina.batがUTF-8に設定されている場合、コンソールに文字化けした文字が表示されます

1. catalina.bat は UTF-8 に設定する必要があります。UTF-8 に設定しないと...

Linux システムでログを手動でスクロールする方法

ログローテーションは、Linux システムでは非常に一般的な機能です。ログローテーションは、システム...

MySQL でスロークエリログを有効にする方法

1.1 はじめにスロークエリログを有効にすると、MySQL は指定された時間を超えるクエリステートメ...

WindowsでiTunesのバックアップパスを変更する方法

0. 準備: • iTunesを閉じる• タスクマネージャーでiTunesから始まるサービスを終了し...

タグが新しいページを開くかどうかという問題。主要ウェブサイトの開設状況をまとめました

a タグが新しいページを開くかどうか: (1)百度百科事典:ヘッダーが異なる場合は新しいページが開き...

MYSQLが中国語を認識できない問題の恒久的な解決策

ほとんどの場合、MySQL はインストールしたばかりのときは中国語をサポートしません。これはエンコー...

Dockerは終了状態で起動します

docker run後、ステータスは常にExitedになります解決:パラメータを追加: -it do...

MySQLクエリのソートとページング関連

概要通常、データベース内のデータを直接表示することは望ましくないため、最後の 2 つのセクションでは...

Win10 での MySQL 8.0.20 のインストールと設定のチュートリアル

Win10 システムでの MySQL 8.0.20 のインストールと設定の超詳細なチュートリアルMy...

Vue プロジェクトで TypeScript クラスを適用する方法

目次1. はじめに2. 使用1. @コンポーネント2. 計算、データ、方法3. @props 4. ...

すべてのホストがmysqlにアクセスできるようにする方法

1. MySQLデータベースのユーザーテーブルのレコードのHostフィールド値を%に変更します。奇妙...

Ubuntu 18.04 コマンドでタッチパッドを無効/有効にする

Ubuntu では、ショートカット キーでタッチパッドをオフにできない状況によく遭遇します。この問題...

ローカルストレージにブール型の値を保存する際の落とし穴を解決する

LocalStorageはブール値を保存します今日、ブール値データを保存するために localsto...