Heim > Web-Frontend > HTML-Tutorial > CSS+DIV布局_html/css_WEB-ITnose

CSS+DIV布局_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-21 09:34:43
Original
911 Leute haben es durchsucht

#Layer1 {	position:absolute;	width:98%;	height:1091px;	z-index:1;	left: 35px;	top: 10px;}
Nach dem Login kopieren
想用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>
Nach dem Login kopieren

为什么要用绝对路径呢?


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>
Nach dem Login kopieren


这个意思?

HTML code

nbsp;html>



宽度百分比
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage