-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpractice.html
35 lines (32 loc) · 1.63 KB
/
practice.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>practice</title>
</head>
<style>
.parent{
position: fixed;
width: 100%;
background-color: red;
/* height: 23rem; */
}
.child{
/* position: absolute; */
}
</style>
<body>
<div class="parent">
<div class="p-child">
<div class="child">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Alias molestiae architecto saepe unde inventore minus cupiditate pariatur ipsum id. Repellat, aliquid? Voluptate quo quisquam expedita nihil dolore odit porro tempora at dignissimos.</p>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Alias molestiae architecto saepe unde inventore minus cupiditate pariatur ipsum id. Repellat, aliquid? Voluptate quo quisquam expedita nihil dolore odit porro tempora at dignissimos.</p>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Alias molestiae architecto saepe unde inventore minus cupiditate pariatur ipsum id. Repellat, aliquid? Voluptate quo quisquam expedita nihil dolore odit porro tempora at dignissimos.</p>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Alias molestiae architecto saepe unde inventore minus cupiditate pariatur ipsum id. Repellat, aliquid? Voluptate quo quisquam expedita nihil dolore odit porro tempora at dignissimos.</p>
</div>
</div>
</div>
</body>
</html>