HTML left and right layout example code

HTML left and right layout example code
CSS:

Copy code
The code is as follows:

html,body{ margin:0px; padding:0px; height: 100%; } .headbg{ background: black; color: white; height:48px; } .userManagerAll{ height: 100%; width: 100%; } .leftside{ background: #E6E6E6; float: left; height: 100%; width: 200px; margin: 0px; overflow-y:auto; } .rightside{ background: white; height: 100%; width:100%; align:right; }

html

Copy code
The code is as follows:

<div class="head"></div>
<div class="All">
<div class="left side">1</div>
<div class="right side">2</div>
</div>

Click the text box and the text disappears

Copy code
The code is as follows:

<input name="textfield" style="color:#CCC;" type="text" value="Click the text to disappear" size="12" onclick="value='';focus()" onblur="if(value=='') value='Click the text to disappear;"/>

<<:  Detailed steps for configuring virtual hosts in nginx

>>:  Regular expression usage in CSS selectors

Recommend

Dockerfile implementation code when starting two processes in a docker container

I want to make a docker for cron scheduled tasks ...

MySQL 8.0.12 Simple Installation Tutorial

This article shares the installation tutorial of ...

Solve the problem of margin merging

1. Merge the margins of sibling elements The effe...

Tips on setting HTML table borders

For many people who are new to HTML, table <ta...

MySQL query redundant indexes and unused index operations

MySQL 5.7 and above versions provide direct query...

MySQL high availability solution MMM (MySQL multi-master replication manager)

1. Introduction to MMM: MMM stands for Multi-Mast...

Solution to SNMP4J server connection timeout problem

Our network management center serves as the manag...

Implementing a web calculator based on JavaScript

This article shares the specific code of JavaScri...

JavaScript BOM location object + navigator object + history object

Table of contents 1. Location Object 1. URL 2. Pr...

Tutorial on installing MySQL 5.6 on CentOS 6.5

1. Download the RPM package corresponding to Linu...

How to transfer files between Windows and Linux

File transfer between Windows and Linux (1) Use W...

Detailed description of ffmpeg Chinese parameters

FFMPEG 3.4.1 version parameter details Usage: ffm...

Several methods to execute sql files under mysql command line

Table of contents The first method: When the MySQ...

IIS configuration of win server 2019 server and simple publishing of website

1. First remotely connect to the server 2. Open S...