2023-04-21<\/time><\/div>\n\n\n
URL \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a<\/a><\/p>\n\n\n\n
<!DOCTYPE html>\n<html>\n<head>\n<style> \ndiv.ex1 {\n  background-color: lightblue;\n  height: 40px;\n  width: 200px;\n  overflow-y: scroll;\n}\n\ndiv.ex2 {\n  background-color: lightblue;\n  height: 40px;\n  width: 200px;  \n  overflow-y: hidden;\n}\n\ndiv.ex3 {\n  background-color: lightblue;\n  height: 40px;\n  width: 200px;  \n  overflow-y: auto;\n}\n\ndiv.ex4 {\n  background-color: lightblue;\n  height: 40px;\n  width: 200px;  \n  overflow-y: visible;\n}\n<\/style>\n<\/head>\n<body>\n\n<h1>The overflow-y Property<\/h1>\n\n<p>The overflow-y property specifies whether to clip the content, add a scroll bar, or display overflow content of a block-level element, when it overflows at the top and bottom edges.<\/p>\n\n<h2>overflow-y: scroll:<\/h2>\n<div class=\"ex1\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut.<\/div>\n\n<h2>overflow-y: hidden:<\/h2>\n<div class=\"ex2\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut.<\/div>\n\n<h2>overflow-y: auto:<\/h2>\n<div class=\"ex3\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut.<\/div>\n\n<h2>overflow-y: visible (default):<\/h2>\n<div class=\"ex4\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut.<\/div>\n\n<\/body>\n<\/html><\/pre>\n\n\n\n\n\n\n