Showing and hiding elements of
display: none; / * Delete the hidden elements are not only invisible does not retain the position * /
visibility: hidden; / * reserved its position hidden element * /
overflow
overflow: visible; / * exceeds displayed * /
overflow: hidden; / * beyond hide * /
overflow: Auto; / * extra content automatically display scroll bars or do not show * /
overflow: the scroll; / * there has been a scroll bar * /
mouse style associated
reference code or http: // www. w3school.com.cn/cssref/pr_class_cursor.asp
form contour
cancel contour outline: 0;
prevent dragging text field resize: none;
07overflow use .html property
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> div { width: 120px; height: 500px; border: 1px solid #ccc; overflow: visible; /*Exceeds displayed * / overflow : hidden ; / * beyond hide * / overflow : Auto ; / * Auto extra content scroll bars or do not show * / overflow : the Scroll ; / * always have a scroll bar * / } </ style > < / head > < body > < div > window moonlight suspected ground frost window moonlight suspected ground frost window moonlight suspected ground frost window moonlight suspected ground frost window moonlight suspected ground frost window moonlight suspected ground before frost window moonlight suspected ground frost window moonlight suspected ground frost </ div > </ body > </ HTML>
Reproduced in: https: //www.cnblogs.com/HiJackykun/p/11072083.html