body中设置宽高不起作用

最新推荐文章于 2023-09-27 13:21:26 发布

shanql

最新推荐文章于 2023-09-27 13:21:26 发布

阅读量1.3k

点赞数 2

分类专栏： Web开发文章标签： css3 css html

本文链接：https://blog.csdn.net/s634772208/article/details/124746332

版权

Web开发专栏收录该内容

27 篇文章 0 订阅

订阅专栏

问题描述

想用样式对body进行设置，达到显示200*100的页面，可最终的结果是整个页面都铺满红色，宽高没有起作用。

<html>
	<head>
		<title>dafd</title>
		<style>
			
			body {
				  height: 200px;
				  width: 100px;
				  background-color: red;
			}
		</style>
	</head>
	<body>
		<div>
			dfsdf
		</div>
	</body>
</html>

解决方案

body理解为浏览器窗口，是不能设定宽度和高度，若需要想要的效果，最好是在body中设定一个div，对这个div进行宽高的设置。

<html>
	<head>
		<title>dafd</title>
		<style>	
			div.mainWin {
				  height: 200px;
				  width: 100px;
				  background-color: red;
			}
		</style>
	</head>
	<body>
		<div class="mainWin">
			dfsdf
		</div>
	</body>
</html>

优惠劵

shanql

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
body中设置宽高不起作用

问题描述想用样式对body进行设置，达到显示200*100的页面，可最终的结果是整个页面都铺满红色，宽高没有起作用。<html> <head> <title>dafd</title> <style> body { height: 200px; width: 100px; background-color: red; } </style> </head&gt
复制链接

扫一扫