首页 > web前端 > html教程 > CSS+DIV布局_html/css_WEB-ITnose

CSS+DIV布局_html/css_WEB-ITnose

WBOY
发布: 2016-06-21 09:34:43
原创
911 人浏览过

#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>



宽度百分比
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板