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
Three methods of inheritance in JavaScript
inherit 1. What is inheritance Inheritance: First...
The use of v-model in vue3 components and in-depth explanation
Table of contents Use two-way binding data in v-m...
How to encapsulate axios in Vue project (unified management of http requests)
1. Requirements When using the Vue.js framework t...
Implementation of drawing audio waveform with wavesurfer.js
1. View the renderings Select forward: Select bac...
Detailed explanation of JavaScript upload file limit parameter case
Project scenario: 1. Upload file restrictions Fun...
Ubuntu 18.0.4 MySQL 8.0.20 installation and configuration method graphic tutorial
The installation and configuration method of MySQ...
A brief discussion on the understanding of TypeScript index signatures
Table of contents 1. What is an index signature? ...
MySQL uses the truncate command to quickly clear all tables in a database
1. Execute the select statement first to generate...
Listen directive example analysis in nginx
Plot Review In the previous article, we analyzed ...
MySQL case when group by example
A mysql-like php switch case statement. select xx...
How to prevent hyperlinks from jumping when using a link
When using <a href="" onclick="&...
Introduction to the graphic composition and typesetting capabilities of web design
Everything needs a foundation. To build a house, ...
Linux uses NetworkManager to randomly generate your MAC address
Nowadays, whether you are on the sofa at home or ...
Detailed tutorial on VMware installation of Linux CentOS 7.7 system
How to install Linux CentOS 7.7 system in Vmware,...
MySQL 5.7 zip version (zip version) installation and configuration steps detailed
Preface: I reinstalled win10 and organized the fi...