Rumah > hujung hadapan web > html tutorial > CSS+DIV布局_html/css_WEB-ITnose

CSS+DIV布局_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-21 09:34:43
asal
911 orang telah melayarinya

#Layer1 {	position:absolute;	width:98%;	height:1091px;	z-index:1;	left: 35px;	top: 10px;}
Salin selepas log masuk
想用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>
Salin selepas log masuk

为什么要用绝对路径呢?


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>
Salin selepas log masuk


这个意思?

HTML code

nbsp;html>



宽度百分比
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan