CSS - overflow:hidden in Projektbeispielen

CSS - overflow:hidden in Projektbeispielen
Hier sind einige Beispiele, wie ich diese Eigenschaft in meinen Projekten verwende:
(1) Heftig klar schwebend

Code kopieren
Der Code lautet wie folgt:

<style type="text/css">
.wrap {Überlauf: versteckt;Zoom:1;Hintergrundfarbe: #ccc;}
.wrap p {float: left;}
</Stil>


Code kopieren
Der Code lautet wie folgt:

<div Klasse="wrap">
<p>Test von CSS</p>
</div>

(2) Verhindern Sie, dass die Ränder einbrechen

Code kopieren
Der Code lautet wie folgt:

<style type="text/css">
Körper, p {Padding: 0; Rand: 0;}
.wrap {Überlauf: versteckt;Zoom:1;Hintergrundfarbe: #ccc;}
.wrap p {margin-top: 20px;}
</Stil>
<div Klasse="wrap">
<p>Test von CSS</p>
</div>

(3) Lösen Sie in IE-6 das Problem der Definition von 1px hohen Blockelementen

Code kopieren
Der Code lautet wie folgt:

<style type="text/css">
.line {Höhe: 1px;Hintergrundfarbe: #ccc;Überlauf: versteckt;}
</Stil>
<div Klasse="Zeile"></div>

(4) Erstellen Sie ein zweispaltiges Layout

Code kopieren
Der Code lautet wie folgt:

<style type="text/css">
div {Höhe: 500px;}
.left {float: left;Hintergrundfarbe: #000;Breite: 200px;Rand rechts: 5px;}
.rechts {Überlauf: versteckt;Zoom:1;Hintergrundfarbe: #ccc;}
</Stil>
<div Klasse="links"></div>
<div Klasse="rechts"></div>

<<:  Einige Tipps zum Schreiben leistungsstarker HTML-Anwendungen

>>:  Mysql praktische Übungen einfaches Bibliotheksverwaltungssystem

Artikel empfehlen

Detaillierte Erläuterung der Javascript-Wissenspunkte

Inhaltsverzeichnis 1. Grundlegende Einführung in ...

So installieren Sie Git unter Linux

1. Einleitung Git ist ein kostenloses, verteiltes...

Detaillierte Analyse mehrerer Situationen, in denen MySQL-Indizes fehlschlagen

1. Führende Fuzzy-Abfragen können keinen Index ve...

Zwei Möglichkeiten zum vollständigen Löschen von Benutzern unter Linux

Linux-Betrieb Experimentelle Umgebung: Centos7-Vi...

Vorteile und Nachteile von JSON sowie Einführung in die Verwendung

Inhaltsverzeichnis 1. Was ist JSON 1.1 Array-Lite...

Lösung für das Problem des unzureichenden Speicherressourcenpools des Docker-Servers

Inhaltsverzeichnis 1. Problembeschreibung 2. Prob...

Anwendungsbeispiele für React Hooks

Inhaltsverzeichnis Ein einfaches Komponentenbeisp...

Detaillierte Analyse jeder Phase der HTTP-Anforderungsverarbeitung von Nginx

Beim Schreiben des HTTP-Moduls von nginx müssen d...

Eine kurze Analyse der grundlegenden Implementierung von Vue-Erkennungsdatenänderungen

Inhaltsverzeichnis 1. Objektänderungserkennung 2....

Informationen zur Nginx-GZIP-Konfiguration

Das Prinzip von nginx zur Erzielung einer Ressour...

Vue3 verwendet Axios Interceptor zum Drucken von Front-End-Protokollen

Inhaltsverzeichnis 1. Einleitung 2. Verwenden Sie...

Kommunikation zwischen übergeordneten und untergeordneten Komponenten in Vue und Verwendung von Sync zum Synchronisieren der Daten übergeordneter und untergeordneter Komponenten

Inhaltsverzeichnis Vorwort Untergeordnete Kompone...

Detaillierte Erläuterung mehrerer Methoden zur Deduplizierung im Javascript-Array

Inhaltsverzeichnis Array-Deduplizierung 1 Doppels...

Beispielcode zur Implementierung der Formularvalidierung mit reinem CSS

In unserem täglichen Geschäft ist die Formularval...

Pull-Down-Aktualisierung und Pull-Up-Ladekomponenten basierend auf Vue-Kapselung

Basierend auf Vue und nativer JavaScript-Kapselun...