-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathposition.html
13 lines (12 loc) · 7.74 KB
/
position.html
1
2
3
4
5
6
7
8
9
10
11
12
13
<head>
<link rel="stylesheet" href="style3.css" type="text/css">
</head>
<body>
<div class="parent">
<div class="c4"> relative</div>
<div class="c1"> static</div>
<div class="c2"> fixed</div>
<div class="c3"> absolute</div>
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius nemo quod sequi nulla labore impedit quae reiciendis unde! Autem, amet blanditiis optio, aperiam sit numquam nemo hic adipisci sapiente non quasi eius deserunt consequatur qui quis similique modi itaque nihil? Perspiciatis soluta facilis atque sint debitis obcaecati pariatur, ullam beatae explicabo placeat cupiditate necessitatibus consequuntur nihil similique. Tempore architecto quibusdam obcaecati? Aut dolor officia temporibus reiciendis, nam non error laboriosam placeat eligendi quidem cum sunt vel, dolorem vero blanditiis suscipit quae corrupti quaerat harum qui delectus. Deleniti ab sequi laboriosam? Nostrum nam voluptate exercitationem tempore necessitatibus. Nesciunt maxime exercitationem, dicta dolores corporis necessitatibus dignissimos. Consequatur consectetur saepe deserunt rem perferendis? Debitis sequi tempora doloribus eaque magni enim vel voluptatibus velit labore corrupti, cum doloremque nihil repellat quod, laudantium autem et quam. Dolores magnam a ex consequatur maxime velit nam nulla corporis est voluptas quasi ipsam iure mollitia, obcaecati nisi. Cupiditate dolore ea eum harum sequi atque, veniam, tempore blanditiis nisi perspiciatis enim ut a consectetur odio ab impedit nam id cumque neque nesciunt! Magni exercitationem harum impedit nostrum tempore tempora voluptatum, sit natus suscipit repellendus, culpa neque dignissimos. Sapiente alias ea possimus sed modi nulla velit? Ab, voluptate porro veniam sit excepturi impedit praesentium nobis. Impedit sit, harum itaque labore praesentium similique at aliquam modi atque maxime perspiciatis ea minima aut dolor fugit recusandae? Vel, a numquam fugiat expedita ea labore blanditiis dolor deleniti odit itaque dicta neque inventore facere, rem ratione vitae iste nostrum. Corporis alias, commodi adipisci repellat laboriosam excepturi architecto quisquam dolore pariatur quidem, molestiae delectus iusto ducimus beatae nesciunt cupiditate tempora quaerat. Quam eveniet facilis possimus pariatur nostrum, totam veritatis maxime ipsum ducimus, obcaecati hic molestias dolorum dolore illo officia ex dignissimos dolores voluptas. Minus atque et nobis vero totam aspernatur natus. Tempore repudiandae necessitatibus sed atque quaerat, totam veniam harum ratione, consequuntur molestiae sapiente eos nesciunt nobis maiores nulla! Fuga laboriosam eaque perspiciatis consequuntur inventore ipsam necessitatibus labore tempore hic assumenda magnam at error, dolorem commodi alias culpa aliquid illo dignissimos nisi impedit esse. Suscipit labore, autem, non excepturi inventore provident ut, obcaecati minima exercitationem voluptates mollitia. Vitae, facere ea quas praesentium fuga culpa ad dolorem cumque doloremque temporibus id sapiente est tenetur, sit laboriosam cupiditate tempora voluptas, magnam delectus aspernatur qui quaerat dicta aperiam aut? Corrupti error mollitia in quas, tempore pariatur rem odit hic. Omnis reprehenderit id, quaerat quod rerum facilis dolorem praesentium est corrupti alias qui. Nobis voluptas eligendi molestiae voluptates nemo maiores, nesciunt asperiores doloremque reiciendis quod a illum quam nulla laborum accusamus ipsa cum facere ratione accusantium veniam, vero earum dolores facilis tenetur! Ipsam, pariatur perspiciatis ex saepe eos repellendus? Quos quae magni, sequi ab aut praesentium. Totam, modi perferendis. Quasi fugit repellendus, incidunt itaque porro inventore fuga magnam perferendis molestias ratione? Blanditiis inventore suscipit praesentium veritatis rerum, voluptates earum ea quod adipisci dolores necessitatibus iste enim aspernatur at, quaerat eveniet! Sit facilis, in commodi earum nisi ipsam, repellat eveniet at consequatur sequi laboriosam recusandae magni reiciendis alias odio harum possimus neque vel quam illo magnam? Dolorum iusto illo quo doloremque minima voluptas commodi nesciunt perspiciatis, quae, est, nam voluptatibus. Architecto eligendi maiores commodi similique nisi aperiam sequi deleniti accusamus quo numquam nihil rerum nemo magni officia, tempore aliquid minima deserunt. Laudantium, adipisci nemo. Repudiandae eveniet omnis illum numquam nobis doloremque consectetur saepe, quisquam quam excepturi explicabo rem praesentium ab quia molestias iste nemo dicta architecto quo officia incidunt. Labore, odit voluptates animi aperiam ipsum ab incidunt illo saepe! Praesentium, magni facere. Ex, cupiditate autem exercitationem et dolorem ipsa maxime nam sint omnis, consequuntur optio sit illo voluptatum soluta blanditiis expedita eveniet ratione dolores! Unde, numquam nihil animi rerum, fuga modi libero accusamus nisi neque perferendis aliquam voluptatum nemo voluptate repellat dolor minus cum. Aliquam, quis dolore. Laboriosam cupiditate tenetur, natus et perspiciatis odio beatae illo exercitationem. Nobis eos placeat natus nisi delectus dicta dignissimos dolorum aliquam. Tempora mollitia earum provident omnis? Maiores consectetur architecto illo laborum nisi eligendi repellat, aspernatur laudantium ut earum odit provident nemo aliquid animi cum aut excepturi quae sunt, a porro beatae assumenda facere. Aliquid nisi eius rem molestias, nihil non animi sint voluptas porro natus saepe nemo, ipsa quod repellendus quo enim dolorum? In eum doloribus pariatur. Laborum voluptate obcaecati alias necessitatibus libero ratione autem eligendi praesentium pariatur in animi optio explicabo, ipsam error mollitia eum dolorum est maiores quod sit sapiente. Delectus eius modi cum dolorum accusantium sint expedita nulla officia facilis veritatis vitae doloremque doloribus inventore est laudantium repellendus asperiores maiores, molestiae nam perspiciatis error ex accusamus blanditiis! Similique sunt accusamus culpa facilis aliquid iste quam corporis dicta voluptatibus quia assumenda, cumque possimus, odit dignissimos fugiat placeat voluptatum fuga, iure dolore error? Itaque accusamus, nihil facere natus inventore officiis atque repellat consectetur repellendus tempora ut perferendis! Placeat reprehenderit mollitia repudiandae, ad provident, ullam fuga ea magni quod explicabo, quae ipsum repellendus minima atque consequuntur. Temporibus aut quibusdam corrupti architecto, ratione tempore! Architecto laboriosam eveniet, officiis eaque dolorum vel fugiat ex iusto quo labore! Reprehenderit voluptatem praesentium vitae odio minima quia dolores hic nisi assumenda, nostrum dolor voluptas et dignissimos. Ipsam enim aliquam a, repellendus voluptates ut numquam eius temporibus, hic obcaecati voluptate nemo nostrum, laborum ipsum. Cumque, distinctio quis. Nisi, tempore fugiat. Magnam nulla esse ipsam reiciendis inventore ducimus, deserunt debitis soluta quas, sapiente molestias. Quisquam, consequatur nesciunt magni, asperiores eos pariatur, incidunt ipsa blanditiis a illum dolores vel excepturi. Minus perspiciatis culpa, iste soluta quasi, facere hic deserunt quae optio unde provident quo odio aliquam voluptatibus aliquid ad! Libero ipsa modi eaque quis nam, illum animi commodi nostrum, corrupti architecto hic autem, inventore consequuntur aliquam. Aliquam ducimus, molestiae pariatur obcaecati sit, molestias corrupti aperiam soluta eligendi illo fugit saepe nemo doloribus est autem natus! Voluptatum quibusdam dolores saepe inventore consequatur harum eligendi excepturi id vel, culpa modi reiciendis quam nihil asperiores tenetur expedita voluptas sunt est, veniam accusamus, similique temporibus commodi animi? Velit ab pariatur veniam necessitatibus, minima fugiat soluta. Necessitatibus molestias sint odio deserunt, eaque vero et iure minus repudiandae.</p>
</body>