如何让背景色background只显示浏览器宽度的一半？

qqbnb889 2016-09-02 10:35:02

rt，width：50%应该怎么用啊，直接用无效的，谢谢

...全文

1924 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

qq_36157606 2016-11-16

打赏
举报

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .box{ background:red; } </style> <script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js"></script> </head> <body> <div class="box"></div> <span></span> <script> $(function () { var wid = $(document).width(); var hgt = $(document).height(); $('.box').css('width',wid/2); $('.box').css('height',hgt); $(window).resize(function() { var wid = $(document).width(); var hgt = $(document).height(); $('.box').css('width',wid/2); $('.box').css('height',hgt); }); }) </script> </body> </html>

qqbnb889 2016-09-04

打赏
举报

引用 2 楼 k491022087 的回复:

div标签的高度不能被继承，所以随便给div标签中添加点内容，然后设置这个div的样式width：50% 和背景色是可以设置成功的 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> div { width: 50%; background-color: red; } </style> </head> <body> <div>1</div> </body>

没有高度100%，我正问忘了说

安静的对折 2016-09-03

打赏
举报

div标签的高度不能被继承，所以随便给div标签中添加点内容，然后设置这个div的样式width：50% 和背景色是可以设置成功的 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> div { width: 50%; background-color: red; } </style> </head> <body> <div>1</div> </body>

天际的海浪 2016-09-02

打赏
举报


<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title> 页面名称 </title>
<style type="text/css">
html,body {
	height: 100%;
}
#div {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 50%;
	z-index: -1;
	background-color: red;
}
</style>
</head>
<body>

<div id="div"></div>
</body>
</html>