ykyk1218 · June 17, 2019 03:59 · ykyk1218 · Jun 17, 2019
diff --git a/子要素を親要素をはみ出して、画面幅いっぱいにする方法 b/子要素を親要素をはみ出して、画面幅いっぱいにする方法
 <!DOCTYPE html>
 <html>
 <head>
 <meta name="robots" content="noindex,nofollow" />
 <meta charset="UTF-8">
 <title>This is Template</title>

 <style type="text/css">
 #container {
  width: 960px;
  margin: auto;
  border: 1px solid #ddd;
 }

 .in {
  margin: 0 calc(50% - 50vw);
  padding: 0 calc(50vw - 50%);
  background: #8FC1F0;
 }
 </style>
 </head>
 <body>
  <div id="container">
    <p>Hello World!</p>
    <div class="in">テスト</div>
  </div>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta name="robots" content="noindex,nofollow" />
	<meta charset="UTF-8">
	<title>This is Template</title>

	<style type="text/css">
	#container {
	width: 960px;
	margin: auto;
	border: 1px solid #ddd;
	}

	.in {
	margin: 0 calc(50% - 50vw);
	padding: 0 calc(50vw - 50%);
	background: #8FC1F0;
	}
	</style>
	</head>
	<body>
	<div id="container">
	<p>Hello World!</p>
	<div class="in">テスト</div>
	</div>
	</body>
	</html>