CSS--overflow:hidden in project examples
|
Here are some examples of how I use this property in my projects: (1) Violently clear floating Copy code The code is as follows:<style type="text/css"> .wrap {overflow: hidden;zoom:1;background-color: #ccc;} .wrap p {float: left;} </style> Copy code The code is as follows:<div class="wrap"> <p>test of css</p> </div> (2) Prevent margins from collapsing Copy code The code is as follows:<style type="text/css"> body,p {padding: 0;margin: 0;} .wrap {overflow: hidden;zoom:1;background-color: #ccc;} .wrap p {margin-top: 20px;} </style> <div class="wrap"> <p>test of css</p> </div> (3) In IE-6, solve the problem of defining 1px high block elements Copy code The code is as follows:<style type="text/css"> .line {height: 1px;background-color: #ccc;overflow: hidden;} </style> <div class="line"></div> (4) Create a two-column layout Copy code The code is as follows:<style type="text/css"> div {height: 500px;} .left {float: left;background-color: #000;width: 200px;margin-right: 5px;} .right {overflow: hidden;zoom:1;background-color: #ccc;} </style> <div class="left"></div> <div class="right"></div> |
<<: Mysql practical exercises simple library management system
>>: Detailed operations of building RabbitMq's common cluster and mirror cluster with Docker
Recommend
Native JS to achieve draggable login box
This article shares a draggable login box impleme...
Detailed examples of Zabbix remote command execution
Table of contents one. environment two. Precautio...
Toolkit: A more powerful front-end framework than Bootstrap
Note: Currently, the more popular front-end frame...
Install mysql5.7.13 using RPM in CentOS 7
0. Environment Operating system for this article:...
Summary of synchronization and mutual exclusion knowledge points between Linux threads
When threads execute concurrently, we need to ens...
Simple tutorial on using Navicat For MySQL
recommend: Navicat for MySQL 15 Registration and ...
HTML user registration page settings source code
Design the web page shown above: <!DOCTYPE htm...
Example code comparing different syntax formats of vue3
The default template method is similar to vue2, u...
The latest super detailed VMware virtual machine download and installation graphic tutorial
Table of contents 1. Download the virtual machine...
Detailed graphic explanation of sqlmap injection
Table of contents 1. We found that this website m...
Example of creating table statements for user Scott in MySQL version of Oracle
Overview: Oracle scott user has four tables, whic...
Vue uses el-table to dynamically merge columns and rows
This article example shares the specific code of ...
JavaScript closure details
Table of contents 1. What is a closure? 2. The ro...
Use non-root users to execute script operations in docker containers
After the application is containerized, when the ...