{"id":316,"date":"2012-08-15T12:09:05","date_gmt":"2012-08-15T04:09:05","guid":{"rendered":"http:\/\/www.genepeng.com\/?p=316"},"modified":"2012-08-15T12:09:05","modified_gmt":"2012-08-15T04:09:05","slug":"css-width-height-not-working","status":"publish","type":"post","link":"https:\/\/www.genepeng.com\/index.php\/316","title":{"rendered":"css width height not working"},"content":{"rendered":"<p>sometimes you may find that\u00a0css width height does not working for html tag b, span,div<\/p>\n<p>i came\u00a0across\u00a0it also<\/p>\n<p>i set the\u00a0position: absolute, then it do work well<\/p>\n<p>below is my css, you can test<\/p>\n<blockquote>\n<pre>.loading\r\n{\r\n    left: 25px;\r\n    position: absolute;\r\n    top: 20px;\r\n    \r\n    background-image: url(\".\/Resources\/loading.gif\");\r\n    overflow: hidden;\r\n    height: 40px;\r\n    width: 40px;\r\n    background-repeat: no-repeat;\r\n}<\/pre>\n<\/blockquote>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>sometimes you may find that\u00a0css width height does not working for html tag b, span,div i came\u00a0across\u00a0it also i set the\u00a0position: absolute, then it do work well below is my css, you can test .loading { left: 25px; position: absolute; top: 20px; background-image: url(&#8220;.\/Resources\/loading.gif&#8221;); overflow: hidden; height: 40px; width: 40px; background-repeat: no-repeat; } &nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[15],"tags":[59],"_links":{"self":[{"href":"https:\/\/www.genepeng.com\/index.php\/wp-json\/wp\/v2\/posts\/316"}],"collection":[{"href":"https:\/\/www.genepeng.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.genepeng.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.genepeng.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.genepeng.com\/index.php\/wp-json\/wp\/v2\/comments?post=316"}],"version-history":[{"count":2,"href":"https:\/\/www.genepeng.com\/index.php\/wp-json\/wp\/v2\/posts\/316\/revisions"}],"predecessor-version":[{"id":318,"href":"https:\/\/www.genepeng.com\/index.php\/wp-json\/wp\/v2\/posts\/316\/revisions\/318"}],"wp:attachment":[{"href":"https:\/\/www.genepeng.com\/index.php\/wp-json\/wp\/v2\/media?parent=316"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.genepeng.com\/index.php\/wp-json\/wp\/v2\/categories?post=316"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.genepeng.com\/index.php\/wp-json\/wp\/v2\/tags?post=316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}