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

推薦する

ウェブサイトのユーザビリティを向上させる10のヒント

企業の Web サイト、個人のブログ、ショッピング Web サイト、ゲーム Web サイトなど、どの...

Windows 上で Nginx+Tomcat クラスタを実装するプロセスの分析

導入: Nginx (エンジン エックスと同じ発音) は、BSD のようなプロトコルに基づいてリリー...

JavaScript 定期検証パスワード強度実装方法

展示する デザインパスワード強度分析パスワードは数字、文字、特殊記号で構成されていますパスワード: ...

CSS3はNESゲームコンソールのサンプルコードを実装します

成果を達成する実装コードhtml <input type="radio" ...

パスワードログインなしでCentOS7にxshellリモートログインするアイデアを詳しく解説

まず、全体的な考え方についてお話しします。 1. パスワードを使用してCentOSシステムにログイン...

URL 内の特殊記号の意味を知っていますか?

1.# # は Web ページ内の場所を表します。右側の文字はその位置の識別子です。たとえば、ht...

iptables の再起動後に Docker の iptables ルールの完全なプロセスが失われる

原因と結果1. ansibleコマンドを使用してジャンプサーバー上のマシンBをテストすると、次のエラ...

mysql5.7.14 解凍版インストールグラフィックチュートリアル

MySQL は、コミュニティ エディション (コミュニティ サーバー) とエンタープライズ エディシ...

css3 flexレイアウト justify-content:space-between 最後の行は左揃えになります

justify-content:space-betweenレイアウトを使用する場合、要素の最後の行に...

PostgreSQL データベースにおける varchar、char、text の比較に関する簡単な説明

以下のように表示されます。名前説明する文字可変(n)、varchar(n)長さ制限あり、可変長文字(...

ブラウザのCSS、JavaScript、背景画像のキャッシュをクリアする簡単な方法

実際のプロジェクト開発プロセスでは、ページがサーバーにアップロードされます。サーバーへの負荷を軽減し...

MySQLデータをOracleに移行する正しい方法

mysql データベースには student テーブルがあり、その構造は次のとおりです。 Oracl...

mysql ステートメントを使用してユーザー権限を照会するプロセスの詳細な説明

MySQL では、ユーザーに付与された権限をどのように確認しますか? ユーザーに付与される権限は、グ...

MySQL の最初のインストールが成功した後にパスワードを初期化する手順

ファイルをディレクトリに解凍しますこれは解凍後のディレクトリですmy.iniファイルを入力しますダブ...

仮想マシンでXshell5をLinuxに接続する方法と障害の解決方法

かなり前に仮想マシンをインストールしましたが、ようやく Linux をインストールしました。マシンの...