HTML allows partial forced scroll bars to not destroy the overall style and layout

HTML allows partial forced scroll bars to not destroy the overall style and layout
First post the effect picture:

A scroll bar appears locally so that the overall style and layout will not be destroyed.

Example code:

Copy code
The code is as follows:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Add horizontal scroll bar to HTML page</title>
</head>
<body>
<DIV style=" OVERFLOW-X: scroll; scrollbar-face-color:#B3DDF7;scrollbar-shadow-color:#B3DDF7;scrollbar-highlight-color:#B3DDF7;scrollbar-3dlight-color:#EBEBE4;scrollbar-darkshadow-color:#EBEBE4;scrollbar-track-color:#F4F4F0;scrollbar-arrow-color:#000000; width:752px;HEIGHT: 380px" align=center>
<table width="1440" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>p</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>pppppppppppppppppp</td>
<td>ppppppppppppp</td>
<td>ppppppppppppppppppp</td>
<td>pppppppppppppppppppppppppppppp</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</div>
</body>
</html>

Copy the above code to a text document, change the text extension from txt to .html to preview the effect

<<:  Make your website automatically use IE7 compatibility mode when browsing IE8

>>:  Docker builds Redis5.0 and mounts data

Recommend

MySql common query command operation list

MYSQL commonly used query commands: mysql> sel...

How to use CSS to pull down a small image to view a large image and information

Today I will talk about a CSS special effect of h...

JS implements request dispatcher

Table of contents Abstraction and reuse Serial Se...

How to view MySQL links and kill abnormal links

Preface: During database operation and maintenanc...

Website design should pay attention to the sense of color hierarchy

Recently I have been saying that design needs to h...

WeChat applet realizes the effect of swiping left to delete list items

This article shares the specific code for WeChat ...

A detailed tutorial on using Docker to build a complete development environment

Introduction to DNMP DNMP (Docker + Nginx + MySQL...

Tomcat's class loading mechanism process and source code analysis

Table of contents Preface 1. Tomcat class loader ...

js to achieve simulated shopping mall case

Friends who are learning HTML, CSS and JS front-e...

display:grid in CSS3, an introduction to grid layout

1. Grid layout (grid): It divides the web page in...

A brief discussion on the role of HTML empty links

Empty link: That is, there is no link with a targ...

Sample code for batch deployment of Nginx with Ansible

1.1 Copy the nginx installation package and insta...

MySQL joint index effective conditions and index invalid conditions

Table of contents 1. Conditions for joint index f...

MySQL learning notes: data engine

View the engines supported by the current databas...