Maison > Article > interface Web > CSS+DIV布局_html/css_WEB-ITnose
CSS+DIV布局_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-21 09:34:43858parcourir
#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>
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：这个什么问题_html/css_WEB-ITnoseArticle suivant：为什么html嵌套表格时，内层表格的背景图显示不出来？_html/css_WEB-ITnose