{"id":7274,"date":"2016-03-22T22:43:54","date_gmt":"2016-03-22T16:43:54","guid":{"rendered":"http:\/\/shra.ru\/?p=7274"},"modified":"2016-03-22T22:43:54","modified_gmt":"2016-03-22T16:43:54","slug":"priznak-perepolneniya-kontejjnera-v-html","status":"publish","type":"post","link":"https:\/\/shra.ru\/2016\/03\/priznak-perepolneniya-kontejjnera-v-html\/","title":{"rendered":"\u041f\u0440\u0438\u0437\u043d\u0430\u043a \u043f\u0435\u0440\u0435\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 \u0432 HTML"},"content":{"rendered":"
CSS \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e overflow \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0440\u0435\u0430\u043a\u0446\u0438\u0435\u0439 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, DIV) \u043f\u0440\u0438 \u0435\u0433\u043e \u043f\u0435\u0440\u0435\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0438. \u0412 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0441\u043b\u0443\u0447\u0430\u044f\u0445 \u0431\u044b\u0432\u0430\u0435\u0442 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0444\u0430\u043a\u0442 \u043f\u0435\u0440\u0435\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f, \u0447\u0442\u043e\u0431\u044b \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u043a\u0430\u043a\u0438\u0435 \u0442\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f.<\/p>\n
<\/p>\n
\u041f\u0435\u0440\u0435\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 \u043d\u0430\u0441\u0442\u0443\u043f\u0430\u0435\u0442, \u043a\u043e\u0433\u0434\u0430 \u0435\u0433\u043e \u0440\u0430\u0437\u043c\u0435\u0440\u044b \u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u044b. \u0422.\u0435. \u043c\u044b \u0438\u043c\u0435\u0435\u043c CSS \u0432\u0438\u0434\u0430:<\/p>\n
div#test-container {\r\n\u00a0\u00a0\u00a0 height: 100px;\r\n\u00a0\u00a0\u00a0 overflow: hidden;\r\n}<\/pre>\n\u041a\u0430\u043a \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c, \u0447\u0442\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 \u0432\u044b\u0445\u043e\u0434\u0438\u0442 \u0437\u0430 \u0435\u0433\u043e \u043f\u0440\u0435\u0434\u0435\u043b\u044b, \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0438\u043c\u0435\u0435\u0442 \u0432\u044b\u0441\u043e\u0442\u0443 \u0431\u043e\u043b\u0435\u0435 100 \u0442\u043e\u0447\u0435\u043a?<\/p>\n
\/\/\u043d\u0430\u0439\u0434\u0435\u043c \u043e\u0431\u044a\u0435\u043a\u0442\r\nvar obj = document.getElementById('test-container');\r\n\/\/\u0438 \u0432\u043e\u0442 \u043e\u043d\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435:\r\nif (obj.scrollHeight > obj.clientHeight) {\r\n alert ('\u041a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u043f\u0435\u0440\u0435\u043f\u043e\u043b\u043d\u0435\u043d');\r\n}\r\n<\/pre>\n\u0410\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043f\u0435\u0440\u0435\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 \u043f\u043e \u0448\u0438\u0440\u0438\u043d\u0435.<\/p>\n
if (obj.scrollWidth > obj.clientWidth) ....<\/pre>\n\u0410 \u0435\u0449\u0451 \u043b\u0443\u0447\u0448\u0435 \u043e\u0444\u043e\u0440\u043c\u0438\u0442\u044c \u044d\u0442\u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0432 \u0432\u0438\u0434\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0439:<\/p>\n
function ifOverflowedX(obj) {\r\n return obj.scrollWidth > obj.clientWidth;\r\n}\r\nfunction ifOverflowedY(obj) {\r\n\u00a0\u00a0\u00a0 return obj.scrollHeight > obj.clientHeight;\r\n}<\/pre>\n","protected":false},"excerpt":{"rendered":"CSS \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e overflow \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0440\u0435\u0430\u043a\u0446\u0438\u0435\u0439 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, DIV) \u043f\u0440\u0438 \u0435\u0433\u043e \u043f\u0435\u0440\u0435\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0438. \u0412 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0441\u043b\u0443\u0447\u0430\u044f\u0445 \u0431\u044b\u0432\u0430\u0435\u0442 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0444\u0430\u043a\u0442 \u043f\u0435\u0440\u0435\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f, \u0447\u0442\u043e\u0431\u044b \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u043a\u0430\u043a\u0438\u0435 \u0442\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29],"tags":[],"class_list":["post-7274","post","type-post","status-publish","format-standard","hentry","category-programmirovanie"],"acf":[],"yoast_head":"\n
\u041f\u0440\u0438\u0437\u043d\u0430\u043a \u043f\u0435\u0440\u0435\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 \u0432 HTML<\/title>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n