想元素自动适应屏幕的宽度方法:
方法一:设置witdth:100%;
方法二:如果是块元素的话,不设置宽度,也有同样效果,(块元素解释:默认独占父级的一行,不能够与其他元素处于同一行 宽高设置生效 外边距设置生效)
举例代码
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>宽度自适应</title>
<style>
*{margin:0;padding:0;}
div{
width:100%;
height:100px;
background:red;
}
p{
width:100%;
height:30px;
background:blue;
}
</style>
</head>
<body>
<div>
<p></p>
</div>
</body>
</html>