CSS+DIV布局_html/css_WEB-ITnose
- WBOY原創
- 2016-06-21 09:34:43915瀏覽
#Layer1 { position:absolute; width:98%; height:1091px; z-index:1; left: 35px; top: 10px;}想用CSS控制层宽度为整个浏览器宽度的98%，这样好像不能实现。各位有什么方法吗
回复讨论(解决方案)
你的意思是浏览器clientWidth减去滚动条宽度的98%？
<!doctype html><html><head><meta charset="utf-8" /><title>宽度百分比</title><style type="text/css">*{ margin:0; padding:0;}#Layer1 { position:absolute; width:98%; height:1091px; z-index:1; left: 35px; top: 10px; background:blue;}</style></head><div id="Layer1"></div><body></body></html> 为什么要用绝对路径呢？
body{margin:0 auto;}
#Layer1{width:98%; margin:0 auto;}
楼主把你发现问题的demo整理下贴出来。
楼主把你发现问题的demo整理下贴出来。 不好意思，可能我弄错了一个id.按照一楼的代码可能实现宽度占整个屏幕的98%，只是不能居中显示。也就是说，右边出现了2%的空白
<!doctype html><html><head><meta charset="gbk" /><title>宽度百分比</title><style type="text/css">*{ margin:0; padding:0;}#Layer1 { margin:0 auto; width:98%; height:1091px; background:blue;}</style></head><div id="Layer1"></div><body></body></html> 这个意思？
HTML code
nbsp;html>
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn