Comprehensive understanding of html.css overflow

Comprehensive understanding of html.css overflow

Comprehensive understanding of html.css overflow

XML/HTML CodeCopy content to clipboard
  1. <!DOCTYPE html >   
  2. <!DOCTYPE html >   
  3. < html >   
  4. < head >   
  5.      < title > </ title >   
  6.      < meta   charset = "utf-8" >   
  7.      < style   type = "text/css" >   
  8. div{
  9. height: 110px;
  10. width: 250px;
  11. border: 1px solid red;
  12. }
  13. .a{overflow: visible;
  14. }
  15. .b{overflow: hidden;
  16. }
  17. .c{overflow: scroll;
  18. }
  19. .d{overflow: auto;
  20. }
  21.   
  22. </ style >   
  23. </ head >   
  24. < body >   
  25. < div   class = "a"   >   
  26. I have been trying to stand shoulder to shoulder with you, but now, it is impossible to follow you. Everyone has been persistent, but in the end, they still give up what they should give up. Maybe when you recall your youth, I am not the protagonist, not even the supporting role, but you, are my entire youth.
  27. </ div > </ br >   
  28. < div   class = "b"   >   
  29. I have been trying to stand shoulder to shoulder with you, but now, it is impossible to follow you. Everyone has been persistent, but in the end, they still give up what they should give up. Maybe when you recall your youth, I am not the protagonist, not even the supporting role, but you, are my entire youth.
  30. </ div > </ br >   
  31. < div   class = "c"   >   
  32. I have been trying to stand shoulder to shoulder with you, but now, it is impossible to follow you. Everyone has been persistent, but in the end, they still give up what they should give up. Maybe when you recall your youth, I am not the protagonist, not even the supporting role, but you, are my entire youth.
  33. </ div > </ br >   
  34. < div   class = "d"   > I have been trying to stand shoulder to shoulder with you, but now, it is impossible to follow behind you. Everyone has been persistent, but in the end, they still give up what they should give up. Maybe when you recall your youth, I am not the protagonist, not even the supporting role, but you, are my entire youth.
  35. </ div > </ br >   
  36.   
  37. </ body >   
  38. </ html >   

The above is the complete content of html.css overflow brought to you by the editor. I hope you will support 123WORDPRESS.COM~

Original URL: http://www.cnblogs.com/yaou/archive/2016/06/29/5625652.html

<<:  MySQL series tutorials for beginners

>>:  How to modify the ssh port number in Centos8 environment

Recommend

Implementation of MySQL asc and desc data sorting

Data sorting asc, desc 1. Single field sorting or...

Layim in javascript to find friends and groups

Currently, layui officials have not provided the ...

Detailed example of getting the maximum value of each group after grouping in MySQL

Detailed example of getting the maximum value of ...

Summary of synchronization and mutual exclusion knowledge points between Linux threads

When threads execute concurrently, we need to ens...

Sample code for easily implementing page layout using flex layout

Without further ado, let's get straight to th...

Detailed explanation of mktemp, a basic Linux command

mktemp Create temporary files or directories in a...

Perfect solution to Docker Alpine image time zone problem

Recently, when I was using Docker to deploy a Jav...

How to turn local variables into global variables in JavaScript

First we need to know the self-calling of the fun...

Web Design Experience: Efficiently Writing Web Code

Originally, this seventh chapter should be a deep ...

How to solve the margin collapse problem in CSS

First, let's look at three situations where m...

Mysql 5.6 adds a method to modify username and password

Log in to MySQL first shell> mysql --user=root...

Comprehensive explanation of CocosCreator hot update

Table of contents Preface What is Hot Change Coco...

Basic knowledge of HTML: a preliminary understanding of web pages

HTML is the abbreviation of Hypertext Markup Langu...

How to implement vertical text alignment with CSS (Summary)

The default arrangement of text in HTML is horizo...

Modify file permissions (ownership) under Linux

Linux and Unix are multi-user operating systems, ...