{"id":20224,"date":"2013-11-03T16:24:00","date_gmt":"2013-11-03T16:24:00","guid":{"rendered":"https:\/\/kiencang.net\/2013\/11\/03\/thuoc-tinh-position-trong-css\/"},"modified":"2013-11-03T16:24:00","modified_gmt":"2013-11-03T16:24:00","slug":"thuoc-tinh-position-trong-css","status":"publish","type":"post","link":"https:\/\/kiencang.net\/thuoc-tinh-position-trong-css\/","title":{"rendered":"Thu\u1ed9c t\u00ednh position trong CSS"},"content":{"rendered":"\n<p><strong>Thu\u1ed9c t\u00ednh position<\/strong>\u00a0d\u00f9ng \u0111\u1ec3 l\u1ea5y \u0111i\u1ec3m m\u1ed1c tham chi\u1ebfu cho vi\u1ec7c x\u00e1c \u0111\u1ecbnh v\u1ecb tr\u00ed c\u1ee7a h\u1ed9p th\u1ebb. C\u00f3 th\u1ec3 b\u1ea1n quen v\u1edbi vi\u1ec7c d\u00f9ng\u00a0<a href=\"https:\/\/kiencang.net\/float-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">float<\/a>\u00a0\u0111\u1ec3 t\u1ea1o b\u1ed1 c\u1ee5c nh\u01b0ng kh\u00f4ng th\u00e0nh th\u1ea1o position l\u00e0 thi\u1ec7t th\u00f2i l\u1edbn, v\u00ec \u00edt nh\u1ea5t\u00a0<a href=\"https:\/\/kiencang.net\/huong-dan-tao-menu-xo-bang-code-css-don-gian\/\" target=\"_blank\" rel=\"noreferrer noopener\">menu x\u1ed5<\/a>, popup xu\u1ea5t hi\u1ec7n khi hover, ho\u1eb7c menu c\u1ed1 \u0111\u1ecbnh \u0111\u1ec1u c\u1ea7n \u0111\u1ebfn position.<\/p>\n\n\n\n<p>Ch\u00fang ta b\u1eaft \u0111\u1ea7u v\u1edbi ngh\u0129a ti\u1ebfng Vi\u1ec7t c\u1ee7a position, n\u00f3 c\u00f3 ngh\u0129a l\u00e0 v\u1ecb tr\u00ed. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 c\u00e1c gi\u00e1 tr\u1ecb c\u1ee7a n\u00f3\u2026<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_60 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >M\u1ee5c l\u1ee5c<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\" role=\"button\"><label for=\"item-6577d68eeea14\" ><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input aria-label=\"Toggle\" aria-label=\"item-6577d68eeea14\"  type=\"checkbox\" id=\"item-6577d68eeea14\"><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/kiencang.net\/thuoc-tinh-position-trong-css\/#Dinh_vi_static\" title=\"\u0110\u1ecbnh v\u1ecb static\">\u0110\u1ecbnh v\u1ecb static<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/kiencang.net\/thuoc-tinh-position-trong-css\/#Dinh_vi_relative\" title=\"\u0110\u1ecbnh v\u1ecb relative\">\u0110\u1ecbnh v\u1ecb relative<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/kiencang.net\/thuoc-tinh-position-trong-css\/#Dinh_vi_absolute\" title=\"\u0110\u1ecbnh v\u1ecb absolute\">\u0110\u1ecbnh v\u1ecb absolute<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/kiencang.net\/thuoc-tinh-position-trong-css\/#Dinh_vi_fixed\" title=\"\u0110\u1ecbnh v\u1ecb fixed\">\u0110\u1ecbnh v\u1ecb fixed<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Dinh_vi_static\"><\/span>\u0110\u1ecbnh v\u1ecb static<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>\u0110\u00e2y l\u00e0 gi\u00e1 tr\u1ecb m\u1eb7c \u0111\u1ecbnh c\u1ee7a c\u00e1c th\u1ebb, theo \u0111\u00f3 ch\u00fang s\u1ebd \u0111\u01b0\u1ee3c s\u1eafp x\u1ebfp theo th\u1ee9 t\u1ef1 t\u1eeb tr\u00ean xu\u1ed1ng d\u01b0\u1edbi \u0111\u00fang nh\u01b0 trong m\u00e3 \u0111\u00e1nh d\u1ea5u, v\u00ed d\u1ee5:<\/p>\n\n\n\n<div>\n<div style=\"border: 1px solid red; margin: 10px 0px 10px 0px; padding: 10px; position: static; width: 85%;\">\u0110\u00e2y l\u00e0 h\u1ed9p th\u1ee9 nh\u1ea5t<\/div>\n<div style=\"border: 1px solid green; margin: 10px 0px 10px 0px; padding: 10px; position: static; width: 85%;\">\u0110\u00e2y l\u00e0 h\u1ed9p th\u1ee9 hai<\/div>\n<div style=\"border: 1px solid lime; margin: 10px 0px 10px 0px; padding: 10px; position: static; width: 85%;\">\u0110\u00e2y l\u00e0 h\u1ed9p th\u1ee9 ba<\/div>\n<div style=\"border: 1px solid aqua; margin: 10px 0px 10px 0px; padding: 10px; position: static; width: 85%;\">\u0110\u00e2y l\u00e0 h\u1ed9p th\u1ee9 t\u01b0<\/div>\n<\/div>\n\n\n\n<p>Code m\u1eabu:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>div {\nposition: static;\nborder: 1px solid red; \nmargin: 10px 0px 10px 0px; \npadding: 10px; \n}<\/code><\/pre>\n\n\n\n<p>Trong c\u00e1c v\u00ed d\u1ee5 ti\u1ebfp theo, t\u00f4i s\u1ebd l\u1ea5y\u00a0<strong>h\u1ed9p th\u1ee9 ba<\/strong>\u00a0\u0111\u1ec3 \u0111i\u1ec1u ch\u1ec9nh position c\u1ee7a n\u00f3.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Dinh_vi_relative\"><\/span>\u0110\u1ecbnh v\u1ecb relative<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Khi s\u1eed d\u1ee5ng relative, n\u00f3 s\u1ebd l\u1ea5y \u0111i\u1ec3m m\u1ed1c c\u1ee7a h\u1ed9p l\u00e0 th\u1ebb li\u1ec1n k\u1ec1 nh\u1ea5t v\u1edbi n\u00f3, bao g\u1ed3m c\u00e1c th\u1ebb b\u00ean tr\u00ean, b\u00ean d\u01b0\u1edbi v\u00e0 bao quanh:<\/p>\n\n\n\n<div>\n<div style=\"border: 1px solid red; margin: 10px 0px 10px 0px; padding: 10px; position: static; width: 85%;\">\u0110\u00e2y l\u00e0 h\u1ed9p th\u1ee9 nh\u1ea5t<\/div>\n<div style=\"border: 1px solid green; margin: 10px 0px 10px 0px; padding: 10px; position: static; width: 85%;\">\u0110\u00e2y l\u00e0 h\u1ed9p th\u1ee9 hai<\/div>\n<div style=\"border: 1px solid lime; left: 15px; margin: 10px 0px 10px 0px; padding: 10px; position: relative; top: 15px; width: 85%;\">\u0110\u00e2y l\u00e0 h\u1ed9p th\u1ee9 ba<\/div>\n<div style=\"border: 1px solid aqua; margin: 10px 0px 10px 0px; padding: 10px; position: static; width: 85%;\">\u0110\u00e2y l\u00e0 h\u1ed9p th\u1ee9 t\u01b0<\/div>\n<\/div>\n\n\n\n<p>Code m\u1eabu:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>div {\nposition: relative;\ntop: 15px;\nleft: 15px;\nborder: 1px solid red; \nmargin: 10px 0px 10px 0px; \npadding: 10px; \n}<\/code><\/pre>\n\n\n\n<p>\u0110\u1ecbnh v\u1ecb\u00a0<em>relative<\/em>\u00a0th\u01b0\u1eddng \u0111i k\u00e8m v\u1edbi\u00a0<em>top<\/em>\u00a0v\u00e0\u00a0<em>left, right, bottom<\/em>\u00a0\u0111\u1ec3 l\u1ea5y v\u1ecb tr\u00ed. B\u1ea1n c\u00f3 th\u1ec3 th\u1ea5y relative v\u1eabn c\u00f2n n\u1eb1m trong lu\u1ed3ng c\u1ee7a trang t\u1ee9c l\u00e0 v\u1eabn c\u00f2n li\u00ean quan \u0111\u1ebfn th\u1ebb \u0111\u1ee9ng tr\u01b0\u1edbc n\u00f3.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Dinh_vi_absolute\"><\/span>\u0110\u1ecbnh v\u1ecb absolute<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Theo m\u1eb7c \u0111\u1ecbnh, \u0111\u1ecbnh v\u1ecb absolute s\u1ebd l\u1ea5y\u00a0<em>th\u1ebb body<\/em>\u00a0l\u00e0m m\u1ed1c (\u0111i\u1ec3m tr\u00ean c\u00f9ng b\u00ean tr\u00e1i) \u2013 n\u1ebfu t\u00f4i bao b\u1ed1n h\u1ed9p n\u00e0y b\u1eb1ng m\u1ed9t h\u1ed9p cha l\u1edbn \u2013 v\u00e0 \u0111\u1ec3 h\u1ed9p cha l\u1edbn l\u00e0\u00a0<em>relative<\/em>\u00a0th\u00ec h\u1ed9p th\u1ee9 ba v\u1edbi \u0111\u1ecbnh v\u1ecb\u00a0<em>absolute<\/em>\u00a0s\u1ebd l\u1ea5y m\u1ed1c l\u00e0 h\u1ed9p cha l\u1edbn ch\u1ee9 kh\u00f4ng ph\u1ea3i l\u00e0 body n\u1eefa. V\u00ed d\u1ee5:<\/p>\n\n\n\n<div style=\"position: relative;\">\n<div style=\"border: 1px solid red; margin: 10px 0px 10px 0px; padding: 10px; position: static; width: 85%;\">\u0110\u00e2y l\u00e0 h\u1ed9p th\u1ee9 nh\u1ea5t<\/div>\n<div style=\"border: 1px solid green; margin: 10px 0px 10px 0px; padding: 10px; position: static; width: 85%;\">\u0110\u00e2y l\u00e0 h\u1ed9p th\u1ee9 hai<\/div>\n<div style=\"border: 1px solid lime; left: 15px; margin: 10px 0px 10px 0px; padding: 10px; position: absolute; top: 15px; width: 85%;\">\u0110\u00e2y l\u00e0 h\u1ed9p th\u1ee9 ba<\/div>\n<div style=\"border: 1px solid aqua; margin: 10px 0px 10px 0px; padding: 10px; position: static; width: 85%;\">\u0110\u00e2y l\u00e0 h\u1ed9p th\u1ee9 t\u01b0<\/div>\n<\/div>\n\n\n\n<p>Code m\u1eabu:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>div { \nposition: absolute;\ntop: 15px; \nleft: 15px; \nborder: 1px solid red; \nmargin: 10px 0px 10px 0px; \npadding: 10px; \n}<\/code><\/pre>\n\n\n\n<p>\u0110i\u1ec3m m\u1ea5u ch\u1ed1t c\u1ea7n nh\u1edb l\u00e0 \u0111\u1ecbnh v\u1ecb absolute l\u00e0m cho h\u1ed9p kh\u00f4ng c\u00f2n li\u00ean quan \u0111\u1ebfn c\u00e1c h\u1ed9p b\u00ean c\u1ea1nh n\u1eefa m\u00e0 l\u1ea1i l\u1ea5y \u0111\u1ecbnh v\u1ecb l\u00e0 th\u1ebb body (theo m\u1eb7c \u0111\u1ecbnh) ho\u1eb7c th\u1ebb cha (n\u1ebfu \u0111\u1ec3 th\u1ebb cha l\u00e0 relative)<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Dinh_vi_fixed\"><\/span>\u0110\u1ecbnh v\u1ecb fixed<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>V\u1ec1 c\u01a1 b\u1ea3n fixed c\u0169ng gi\u1ed1ng v\u1edbi absolute, ch\u1ec9 kh\u00e1c l\u00e0 n\u1ebfu absolute l\u1ea5y m\u1ed1c l\u00e0 th\u1ebb body ho\u1eb7c th\u1ebb cha th\u00ec fixed l\u1ea1i l\u1ea5y m\u1ed1c l\u00e0 tr\u00ecnh duy\u1ec7t web. C\u00e1c n\u00fat like, share tr\u01b0\u1ee3t d\u1ecdc ho\u1eb7c top menu lu\u00f4n lu\u00f4n \u1edf tr\u00ean \u0111\u1ea7u trang web s\u1eed d\u1ee5ng fixed \u0111\u1ec3 c\u1ed1 \u0111\u1ecbnh. D\u00f9 b\u1ea1n cu\u1ed9n l\u00ean cu\u1ed9n xu\u1ed1ng \u0111\u1ec3 xem web, b\u1ea1n v\u1eabn th\u1ea5y ch\u00fang \u1edf c\u00f9ng v\u1ecb tr\u00ed\u2026.B\u1ea1n li\u1ebfc sang g\u00f3c tr\u00e1i ph\u00eda tr\u00ean c\u00f9ng \u0111i, s\u1ebd th\u1ea5y c\u00e1i h\u1ed9p th\u1ee9 ba \u0111ang \u1edf \u0111\u00e2y, cu\u1ed9n thanh tr\u01b0\u1ee3t d\u1ecdc xem, n\u00f3 s\u1ebd di chuy\u1ec3n theo b\u1ea1n.<\/p>\n\n\n\n<div>\n<div style=\"border: 1px solid red; margin: 10px 0px 10px 0px; padding: 10px; position: static; width: 85%;\">\u0110\u00e2y l\u00e0 h\u1ed9p th\u1ee9 nh\u1ea5t<\/div>\n<div style=\"border: 1px solid green; margin: 10px 0px 10px 0px; padding: 10px; position: static; width: 85%;\">\u0110\u00e2y l\u00e0 h\u1ed9p th\u1ee9 hai<\/div>\n<div style=\"border: 1px solid lime; left: 0%; padding: 10px; position: fixed; top: 0%; width: 100px;\">\u0110\u00e2y l\u00e0 h\u1ed9p th\u1ee9 ba \u2013 position: fixed<\/div>\n<div style=\"border: 1px solid aqua; margin: 10px 0px 10px 0px; padding: 10px; position: static; width: 85%;\">\u0110\u00e2y l\u00e0 h\u1ed9p th\u1ee9 t\u01b0<\/div>\n<\/div>\n\n\n\n<p>Code m\u1eabu:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>div { \nposition: fixed; \nleft: 0%; \ntop: 0%; \nborder: 1px solid red; \npadding: 10px;\n}<\/code><\/pre>\n\n\n\n<p>Nh\u01b0 v\u1eady v\u1edbi relative, h\u1ed9p v\u1eabn c\u00f2n trong lu\u1ed3ng c\u1ee7a trang, nh\u01b0ng v\u1edbi absolute v\u00e0 fixed, h\u1ed9p tho\u00e1t kh\u1ecfi lu\u1ed3ng c\u1ee7a trang v\u00e0 l\u1ea5y m\u1ed1c \u0111\u1ecbnh v\u1ecb kh\u00e1c h\u1eb3n.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Thu\u1ed9c t\u00ednh position\u00a0d\u00f9ng \u0111\u1ec3 l\u1ea5y \u0111i\u1ec3m m\u1ed1c tham chi\u1ebfu cho vi\u1ec7c x\u00e1c \u0111\u1ecbnh v\u1ecb tr\u00ed c\u1ee7a h\u1ed9p th\u1ebb. C\u00f3 th\u1ec3 b\u1ea1n quen v\u1edbi vi\u1ec7c d\u00f9ng\u00a0float\u00a0\u0111\u1ec3 t\u1ea1o b\u1ed1 c\u1ee5c nh\u01b0ng kh\u00f4ng th\u00e0nh th\u1ea1o position l\u00e0 thi\u1ec7t th\u00f2i l\u1edbn, v\u00ec \u00edt nh\u1ea5t\u00a0menu x\u1ed5, popup xu\u1ea5t hi\u1ec7n khi hover, ho\u1eb7c menu c\u1ed1 \u0111\u1ecbnh \u0111\u1ec1u c\u1ea7n \u0111\u1ebfn position. Ch\u00fang &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[229],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Thu\u1ed9c t\u00ednh position trong CSS &#8226; Ki\u1ebfn c\u00e0ng<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kiencang.net\/thuoc-tinh-position-trong-css\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Thu\u1ed9c t\u00ednh position trong CSS &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"Thu\u1ed9c t\u00ednh position\u00a0d\u00f9ng \u0111\u1ec3 l\u1ea5y \u0111i\u1ec3m m\u1ed1c tham chi\u1ebfu cho vi\u1ec7c x\u00e1c \u0111\u1ecbnh v\u1ecb tr\u00ed c\u1ee7a h\u1ed9p th\u1ebb. C\u00f3 th\u1ec3 b\u1ea1n quen v\u1edbi vi\u1ec7c d\u00f9ng\u00a0float\u00a0\u0111\u1ec3 t\u1ea1o b\u1ed1 c\u1ee5c nh\u01b0ng kh\u00f4ng th\u00e0nh th\u1ea1o position l\u00e0 thi\u1ec7t th\u00f2i l\u1edbn, v\u00ec \u00edt nh\u1ea5t\u00a0menu x\u1ed5, popup xu\u1ea5t hi\u1ec7n khi hover, ho\u1eb7c menu c\u1ed1 \u0111\u1ecbnh \u0111\u1ec1u c\u1ea7n \u0111\u1ebfn position. Ch\u00fang &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/thuoc-tinh-position-trong-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/anhducnguyen87\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-11-03T16:24:00+00:00\" \/>\n<meta name=\"author\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Thu\u1ed9c t\u00ednh position trong CSS &#8226; Ki\u1ebfn c\u00e0ng","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kiencang.net\/thuoc-tinh-position-trong-css\/","og_locale":"vi_VN","og_type":"article","og_title":"Thu\u1ed9c t\u00ednh position trong CSS &#8226; Ki\u1ebfn c\u00e0ng","og_description":"Thu\u1ed9c t\u00ednh position\u00a0d\u00f9ng \u0111\u1ec3 l\u1ea5y \u0111i\u1ec3m m\u1ed1c tham chi\u1ebfu cho vi\u1ec7c x\u00e1c \u0111\u1ecbnh v\u1ecb tr\u00ed c\u1ee7a h\u1ed9p th\u1ebb. C\u00f3 th\u1ec3 b\u1ea1n quen v\u1edbi vi\u1ec7c d\u00f9ng\u00a0float\u00a0\u0111\u1ec3 t\u1ea1o b\u1ed1 c\u1ee5c nh\u01b0ng kh\u00f4ng th\u00e0nh th\u1ea1o position l\u00e0 thi\u1ec7t th\u00f2i l\u1edbn, v\u00ec \u00edt nh\u1ea5t\u00a0menu x\u1ed5, popup xu\u1ea5t hi\u1ec7n khi hover, ho\u1eb7c menu c\u1ed1 \u0111\u1ecbnh \u0111\u1ec1u c\u1ea7n \u0111\u1ebfn position. Ch\u00fang &hellip;","og_url":"https:\/\/kiencang.net\/thuoc-tinh-position-trong-css\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2013-11-03T16:24:00+00:00","author":"Nguy\u1ec5n \u0110\u1ee9c Anh","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Nguy\u1ec5n \u0110\u1ee9c Anh","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"3 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/thuoc-tinh-position-trong-css\/","url":"https:\/\/kiencang.net\/thuoc-tinh-position-trong-css\/","name":"Thu\u1ed9c t\u00ednh position trong CSS &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2013-11-03T16:24:00+00:00","dateModified":"2013-11-03T16:24:00+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/thuoc-tinh-position-trong-css\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/thuoc-tinh-position-trong-css\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/thuoc-tinh-position-trong-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"Thu\u1ed9c t\u00ednh position trong CSS"}]},{"@type":"WebSite","@id":"https:\/\/kiencang.net\/#website","url":"https:\/\/kiencang.net\/","name":"Ki\u1ebfn c\u00e0ng","description":"\u00d4m l\u00fd thuy\u1ebft, h\u00f4n th\u1ef1c h\u00e0nh","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiencang.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16","name":"Nguy\u1ec5n \u0110\u1ee9c Anh","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/kiencang.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","caption":"Nguy\u1ec5n \u0110\u1ee9c Anh"},"description":"Sinh n\u0103m 1987, t\u1ed1t nghi\u1ec7p Cao \u0111\u1eb3ng th\u1ef1c h\u00e0nh FPT qu\u00e3ng 2014, chuy\u00ean ng\u00e0nh Thi\u1ebft k\u1ebf website. T\u00f4i th\u00edch Content, SEO, Ads, T\u0103ng t\u1ed1c website v\u00e0 Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. B\u00ean c\u1ea1nh b\u00e0i t\u1ef1 vi\u1ebft, t\u00f4i c\u0169ng d\u1ecbch nhi\u1ec1u n\u1ed9i dung th\u00fa v\u1ecb c\u1ee7a c\u00e1c t\u00e1c gi\u1ea3 kh\u00e1c nhau. FB c\u00e1 nh\u00e2n: facebook.com\/anhducnguyen87. Email li\u00ean h\u1ec7: guiemailchotoi@gmail.com","sameAs":["https:\/\/www.facebook.com\/anhducnguyen87\/"],"url":"https:\/\/kiencang.net\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/20224"}],"collection":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/comments?post=20224"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/20224\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=20224"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=20224"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=20224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}