简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home> Web Front-end> HTML Tutorial> body text

CSS+DIV布局_html/css_WEB-ITnose

WBOY
Release： 2016-06-21 09:34:43
Original
812 people have browsed it 

#Layer1 { position:absolute; width:98%; height:1091px; z-index:1; left: 35px; top: 10px;}
Copy after login
想用CSS控制层宽度为整个浏览器宽度的98%，这样好像不能实现。各位有什么方法吗


回复讨论(解决方案)

你的意思是浏览器clientWidth减去滚动条宽度的98%？

宽度百分比
Copy after login

为什么要用绝对路径呢？


body{margin:0 auto;}
#Layer1{width:98%; margin:0 auto;}

楼主把你发现问题的demo整理下贴出来。

楼主把你发现问题的demo整理下贴出来。 不好意思，可能我弄错了一个id.按照一楼的代码可能实现宽度占整个屏幕的98%，只是不能居中显示。也就是说，右边出现了2%的空白

宽度百分比
Copy after login


这个意思？

HTML code

nbsp;html>



宽度百分比
Related labels：
CSS+DIV布局
source：php.cn
Previous article：这个什么问题_html/css_WEB-ITnose Next article：为什么html嵌套表格时，内层表格的背景图显示不出来？_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Leverage VueJS components in PHP I want to mix basic HTML generated by Php and VueJS components without having to use VueJS...
From 2023-11-11 00:01:44
0
2
288
Unexpected behavior (white button bug) when using Tailwind and MUI in NextJS project I'm currently building a project using NextJS, TailwindCSS and the MUIReactUI library. Whe...
From 2023-11-04 11:04:23
0
1
178
NUXT 3: How to use routing middleware in layout? (Can I?) I've been looking to use Nuxt middleware in layout. But I'm not sure if it is possible, bu...
From 2023-10-26 12:57:37
0
2
308
Rendering components with different layouts/elements using react-router-dom v6: How can I achieve this? I'm having trouble writing code to render a login page without navigation bar and sidebar....
From 2023-10-24 21:49:16
0
2
210
Curl bottom edge of div inwards using CSS I want to bend the bottom edge of this rectangular div/background using CSS, so the result...
From 2023-10-23 19:55:32
0
2
335
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！