Heim >Web-Frontend >HTML-Tutorial >CSS+DIV布局_html/css_WEB-ITnose
CSS+DIV布局_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 09:34:43915Durchsuche
#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>
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：这个什么问题_html/css_WEB-ITnoseNächster Artikel：为什么html嵌套表格时，内层表格的背景图显示不出来？_html/css_WEB-ITnose