Beispielcode für HTML-Layout links und rechts

Beispielcode für HTML-Layout links und rechts
CSS:

Code kopieren
Der Code lautet wie folgt:

html,body{ Rand:0px; Polsterung:0px; Höhe: 100 %; } .headbg{ Hintergrund: schwarz; Farbe: weiß; Höhe:48px; } .userManagerAll{ Höhe: 100 %; Breite: 100 %; } .leftside{ Hintergrund: #E6E6E6; Float: links; Höhe: 100 %; Breite: 200px; Rand: 0px; Overflow-y:auto; } .rightside{ Hintergrund: weiß; Höhe: 100 %; Breite:100 %; Ausrichtung: rechts; }

html

Code kopieren
Der Code lautet wie folgt:

<div Klasse="Kopf"></div>
<div Klasse="Alle">
<div class="linke Seite">1</div>
<div class="rechte Seite">2</div>
</div>

Klicken Sie auf das Textfeld und der Text verschwindet

Code kopieren
Der Code lautet wie folgt:

<input name="textfield" style="color:#CCC;" type="text" value="Klicken Sie auf den Text, um ihn verschwinden zu lassen" size="12" onclick="value='';focus()" onblur="if(value=='') value='Klicken Sie auf den Text, um ihn verschwinden zu lassen;"/>

<<:  Detaillierte Schritte zum Konfigurieren virtueller Hosts in nginx

>>:  Erste Schritte mit Mysql - SQL-Ausführungsprozess

Artikel empfehlen

Detaillierte Erklärung zur Verwendung benutzerdefinierter Parameter in MySQL

Zu den MySQL-Variablen zählen Systemvariablen und...

So verwenden Sie TypeScript in Vue

Einführung In den letzten Jahren wurde der Ruf na...

Vue+Openlayer verwendet modify, um den gesamten Code des Elements zu ändern

Vue+Openlayer verwendet „modify“, um Elemente zu ...

Detaillierte Erklärung zur Verwendung von Router-View-Komponenten in Vue

Wenn Sie ein Vue-Projekt entwickeln, müssen Sie h...

Abkürzung für HTML DOCTYPE

Wenn Ihr DOCTYPE wie folgt ist: Code kopieren Der ...

So behandeln Sie den vom Linux-System gemeldeten Fehler tcp_mark_head_lost

Problembeschreibung Kürzlich meldete ein Host die...

Analyse des MySQL-Beispiels DTID Master-Slave-Prinzip

Inhaltsverzeichnis 1. Grundkonzepte von GTID 2. G...

Benutzerdefiniertes Auswahlfeld für die Webseite Auswählen

Jeder ist wahrscheinlich mit dem Auswahl-Dropdown...

Beschreibung der HTML-Meta-Viewport-Attribute

Was ist ein Ansichtsfenster? Mobile Browser platz...