Rumah > Artikel > hujung hadapan web > CSS+DIV布局_html/css_WEB-ITnose
CSS+DIV布局_html/css_WEB-ITnose
- WBOYasal
- 2016-06-21 09:34:43858semak imbas
#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>
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：这个什么问题_html/css_WEB-ITnoseArtikel seterusnya：为什么html嵌套表格时，内层表格的背景图显示不出来？_html/css_WEB-ITnose