{"id":3198,"date":"2019-07-15T12:22:51","date_gmt":"2019-07-15T06:52:51","guid":{"rendered":"https:\/\/www.sanjaywebdesigner.com\/articles\/?p=3198"},"modified":"2019-07-15T12:22:51","modified_gmt":"2019-07-15T06:52:51","slug":"absolute-vs-relative-in-html-css","status":"publish","type":"post","link":"https:\/\/www.sanjaywebdesigner.com\/articles\/absolute-vs-relative-in-html-css\/","title":{"rendered":"Absolute vs Relative in HTML CSS"},"content":{"rendered":"<div class=\"4b5c905834746893f548144bd2becc18\" data-index=\"1\" style=\"float: none; margin:10px 0 10px 0; text-align:center;\">\n<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\r\n<!-- blog last -->\r\n<ins class=\"adsbygoogle\"\r\n     style=\"display:inline-block;width:336px;height:280px\"\r\n     data-ad-client=\"ca-pub-8831529092902674\"\r\n     data-ad-slot=\"8814291746\"><\/ins>\r\n<script>\r\n(adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\n<\/div>\n<h1>Absolute vs Relative in HTML CSS<\/h1>\n<p><a href=\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2019\/07\/absolute-vs-relative-in-html-css-in-delhi.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3200\" src=\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2019\/07\/absolute-vs-relative-in-html-css-in-delhi.jpg\" alt=\"absolute-vs-relative-in-html-css-in-delh\" width=\"800\" height=\"600\" srcset=\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2019\/07\/absolute-vs-relative-in-html-css-in-delhi.jpg 800w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2019\/07\/absolute-vs-relative-in-html-css-in-delhi-300x225.jpg 300w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2019\/07\/absolute-vs-relative-in-html-css-in-delhi-768x576.jpg 768w, https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2019\/07\/absolute-vs-relative-in-html-css-in-delhi-660x495.jpg 660w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<h3>Absolute vs Relative in HTML CSS in Delhi, India<\/h3>\n<ol>\n<li>Relative div acquire space but Absolute div not acquire space.<\/li>\n<li>Relative div starts from last div and absolute starts from nearest relative div.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n\n<div style=\"font-size: 0px; height: 0px; line-height: 0px; margin: 0; padding: 0; clear: both;\"><\/div>","protected":false},"excerpt":{"rendered":"<p>Absolute vs Relative in HTML CSS Absolute vs Relative in HTML CSS in Delhi, India Relative div acquire space but Absolute div not acquire space. Relative div starts from last div and absolute starts from nearest relative div. &nbsp;<\/p>\n","protected":false},"author":4,"featured_media":3200,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1076],"tags":[1078,1079],"class_list":["post-3198","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development-tutorials","tag-absolute-vs-relative-in-html-css-in-delhi","tag-absolute-vs-relative-in-html-css-in-india"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Absolute vs Relative in HTML CSS<\/title>\n<meta name=\"description\" content=\"Absolute vs Relative in HTML CSS in Delhi And India\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.sanjaywebdesigner.com\/articles\/absolute-vs-relative-in-html-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Absolute vs Relative in HTML CSS\" \/>\n<meta property=\"og:description\" content=\"Absolute vs Relative in HTML CSS\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.sanjaywebdesigner.com\/articles\/absolute-vs-relative-in-html-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Sanjay Web Designer\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/sanjaywebdesigner\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-15T06:52:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2019\/07\/absolute-vs-relative-in-html-css-in-delhi.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Sanjay Jain\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@sanjaywebdesign\" \/>\n<meta name=\"twitter:site\" content=\"@sanjaywebdesign\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sanjay Jain\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/absolute-vs-relative-in-html-css\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/absolute-vs-relative-in-html-css\/\"},\"author\":{\"name\":\"Sanjay Jain\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/person\/7013e58aaefa0607a58fdb91888de833\"},\"headline\":\"Absolute vs Relative in HTML CSS\",\"datePublished\":\"2019-07-15T06:52:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/absolute-vs-relative-in-html-css\/\"},\"wordCount\":45,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/absolute-vs-relative-in-html-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2019\/07\/absolute-vs-relative-in-html-css-in-delhi.jpg\",\"keywords\":[\"absolute vs relative in html css in delhi\",\"absolute vs relative in html css in India\"],\"articleSection\":[\"Web Development Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.sanjaywebdesigner.com\/articles\/absolute-vs-relative-in-html-css\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/absolute-vs-relative-in-html-css\/\",\"url\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/absolute-vs-relative-in-html-css\/\",\"name\":\"Absolute vs Relative in HTML CSS\",\"isPartOf\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/absolute-vs-relative-in-html-css\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/absolute-vs-relative-in-html-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2019\/07\/absolute-vs-relative-in-html-css-in-delhi.jpg\",\"datePublished\":\"2019-07-15T06:52:51+00:00\",\"description\":\"Absolute vs Relative in HTML CSS in Delhi And India\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.sanjaywebdesigner.com\/articles\/absolute-vs-relative-in-html-css\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/absolute-vs-relative-in-html-css\/#primaryimage\",\"url\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2019\/07\/absolute-vs-relative-in-html-css-in-delhi.jpg\",\"contentUrl\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2019\/07\/absolute-vs-relative-in-html-css-in-delhi.jpg\",\"width\":800,\"height\":600,\"caption\":\"absolute-vs-relative-in-html-css-in-delh\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#website\",\"url\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/\",\"name\":\"Sanjay Web Designer\",\"description\":\"Learn Web Designing &amp; Graphic Designing in Depth\",\"publisher\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#organization\",\"name\":\"Sanjay Web Designer\",\"url\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2021\/08\/cropped-footer-logo-1.png\",\"contentUrl\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2021\/08\/cropped-footer-logo-1.png\",\"width\":240,\"height\":72,\"caption\":\"Sanjay Web Designer\"},\"image\":{\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/sanjaywebdesigner\",\"https:\/\/x.com\/sanjaywebdesign\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/person\/7013e58aaefa0607a58fdb91888de833\",\"name\":\"Sanjay Jain\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/661807705d23debee3ca86318320b24f983b9ef8a34301cf6e40545f1d6d25db?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/661807705d23debee3ca86318320b24f983b9ef8a34301cf6e40545f1d6d25db?s=96&d=mm&r=g\",\"caption\":\"Sanjay Jain\"},\"sameAs\":[\"http:\/\/www.sanjaywebdesigner.com\/\"],\"url\":\"https:\/\/www.sanjaywebdesigner.com\/articles\/author\/sanjay\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Absolute vs Relative in HTML CSS","description":"Absolute vs Relative in HTML CSS in Delhi And India","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:\/\/www.sanjaywebdesigner.com\/articles\/absolute-vs-relative-in-html-css\/","og_locale":"en_US","og_type":"article","og_title":"Absolute vs Relative in HTML CSS","og_description":"Absolute vs Relative in HTML CSS","og_url":"https:\/\/www.sanjaywebdesigner.com\/articles\/absolute-vs-relative-in-html-css\/","og_site_name":"Sanjay Web Designer","article_publisher":"https:\/\/www.facebook.com\/sanjaywebdesigner","article_published_time":"2019-07-15T06:52:51+00:00","og_image":[{"width":800,"height":600,"url":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2019\/07\/absolute-vs-relative-in-html-css-in-delhi.jpg","type":"image\/jpeg"}],"author":"Sanjay Jain","twitter_card":"summary_large_image","twitter_creator":"@sanjaywebdesign","twitter_site":"@sanjaywebdesign","twitter_misc":{"Written by":"Sanjay Jain"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/absolute-vs-relative-in-html-css\/#article","isPartOf":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/absolute-vs-relative-in-html-css\/"},"author":{"name":"Sanjay Jain","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/person\/7013e58aaefa0607a58fdb91888de833"},"headline":"Absolute vs Relative in HTML CSS","datePublished":"2019-07-15T06:52:51+00:00","mainEntityOfPage":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/absolute-vs-relative-in-html-css\/"},"wordCount":45,"commentCount":0,"publisher":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#organization"},"image":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/absolute-vs-relative-in-html-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2019\/07\/absolute-vs-relative-in-html-css-in-delhi.jpg","keywords":["absolute vs relative in html css in delhi","absolute vs relative in html css in India"],"articleSection":["Web Development Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.sanjaywebdesigner.com\/articles\/absolute-vs-relative-in-html-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/absolute-vs-relative-in-html-css\/","url":"https:\/\/www.sanjaywebdesigner.com\/articles\/absolute-vs-relative-in-html-css\/","name":"Absolute vs Relative in HTML CSS","isPartOf":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/absolute-vs-relative-in-html-css\/#primaryimage"},"image":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/absolute-vs-relative-in-html-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2019\/07\/absolute-vs-relative-in-html-css-in-delhi.jpg","datePublished":"2019-07-15T06:52:51+00:00","description":"Absolute vs Relative in HTML CSS in Delhi And India","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.sanjaywebdesigner.com\/articles\/absolute-vs-relative-in-html-css\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/absolute-vs-relative-in-html-css\/#primaryimage","url":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2019\/07\/absolute-vs-relative-in-html-css-in-delhi.jpg","contentUrl":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2019\/07\/absolute-vs-relative-in-html-css-in-delhi.jpg","width":800,"height":600,"caption":"absolute-vs-relative-in-html-css-in-delh"},{"@type":"WebSite","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#website","url":"https:\/\/www.sanjaywebdesigner.com\/articles\/","name":"Sanjay Web Designer","description":"Learn Web Designing &amp; Graphic Designing in Depth","publisher":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.sanjaywebdesigner.com\/articles\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#organization","name":"Sanjay Web Designer","url":"https:\/\/www.sanjaywebdesigner.com\/articles\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/logo\/image\/","url":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2021\/08\/cropped-footer-logo-1.png","contentUrl":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-content\/uploads\/2021\/08\/cropped-footer-logo-1.png","width":240,"height":72,"caption":"Sanjay Web Designer"},"image":{"@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/sanjaywebdesigner","https:\/\/x.com\/sanjaywebdesign"]},{"@type":"Person","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/person\/7013e58aaefa0607a58fdb91888de833","name":"Sanjay Jain","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.sanjaywebdesigner.com\/articles\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/661807705d23debee3ca86318320b24f983b9ef8a34301cf6e40545f1d6d25db?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/661807705d23debee3ca86318320b24f983b9ef8a34301cf6e40545f1d6d25db?s=96&d=mm&r=g","caption":"Sanjay Jain"},"sameAs":["http:\/\/www.sanjaywebdesigner.com\/"],"url":"https:\/\/www.sanjaywebdesigner.com\/articles\/author\/sanjay\/"}]}},"_links":{"self":[{"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/posts\/3198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/comments?post=3198"}],"version-history":[{"count":0,"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/posts\/3198\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/media\/3200"}],"wp:attachment":[{"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/media?parent=3198"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/categories?post=3198"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sanjaywebdesigner.com\/articles\/wp-json\/wp\/v2\/tags?post=3198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}