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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
| <!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{box-sizing:border-box; padding: 0; margin: 0}
html, body, .wrap{width: 100%; height: 100%; overflow:hidden}
header{position:fixed; width: 100%; height: 15%; border:5px solid}
.left, .right{float:left; margin-top:7.5%; height: 100%; border:5px solid}
.left{width: 30%}
.right{width: 70%; overflow-y:scroll}
</style>
</head>
<body>
<div class="wrap">
<header></header>
<div class="left"></div>
<div class="right">
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem, officiis, perferendis quasi dolor nam sit dolores maxime veniam eius aliquid sint minus voluptatibus est itaque asperiores. Itaque animi magnam ullam!</div>
<div>Saepe, voluptatibus, architecto cumque labore quam facere tempora rerum iste minus nesciunt harum suscipit eum odio? Fugit, hic, blanditiis et voluptatem error facilis rerum commodi assumenda ullam saepe libero sunt!</div>
<div>Natus eveniet deleniti a illo molestias aliquam tempora nobis asperiores odio saepe. Nihil, quaerat quo ipsa laboriosam non aspernatur possimus in beatae quos similique vel quae dolorum nobis illum mollitia!</div>
<div>Esse, blanditiis, doloremque, ratione maiores suscipit odit officiis vitae laudantium provident sapiente quisquam neque minima corrupti doloribus facere ipsa sunt! Deleniti, beatae animi voluptatem saepe tempora dolore incidunt quam accusamus.</div>
<div>Alias deserunt illum repudiandae. Molestias, rem, ipsum, eos, culpa accusamus ipsam et mollitia necessitatibus magnam iste adipisci perspiciatis saepe ipsa repellat officia nihil maxime quas esse distinctio odit enim earum.</div>
<div>Officia, sint, culpa assumenda quas fugit molestias voluptatum aliquam dicta aliquid nobis dolores id nihil nisi architecto asperiores ratione odio adipisci tempore quam amet quibusdam esse provident minus! Expedita, beatae.</div>
<div>Omnis, labore, quis, repudiandae cumque harum in expedita dicta nisi ullam officiis id sapiente qui quam quae eum natus quod odit ducimus iure nulla minus soluta molestiae adipisci voluptatibus assumenda?</div>
<div>Ipsa, amet, expedita nisi numquam accusamus voluptatum sint ratione dicta maiores iure officia quidem quasi suscipit? Unde, optio, nemo, obcaecati nesciunt iusto ad deleniti odio totam impedit culpa non consequatur!</div>
<div>Eum, velit, saepe, ducimus facere ipsam dolores doloremque pariatur ut accusamus tempora tempore repellendus sapiente voluptas corrupti hic fuga nihil. Dolorum quaerat eos non ipsum at soluta veniam sapiente accusantium.</div>
<div>Quisquam, vel, officia dolore blanditiis nulla nam vero accusamus consequatur facere commodi veritatis natus placeat porro culpa neque. Itaque voluptatibus esse deserunt ut illo id earum ab voluptates saepe alias!</div>
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem, officiis, perferendis quasi dolor nam sit dolores maxime veniam eius aliquid sint minus voluptatibus est itaque asperiores. Itaque animi magnam ullam!</div>
<div>Saepe, voluptatibus, architecto cumque labore quam facere tempora rerum iste minus nesciunt harum suscipit eum odio? Fugit, hic, blanditiis et voluptatem error facilis rerum commodi assumenda ullam saepe libero sunt!</div>
<div>Natus eveniet deleniti a illo molestias aliquam tempora nobis asperiores odio saepe. Nihil, quaerat quo ipsa laboriosam non aspernatur possimus in beatae quos similique vel quae dolorum nobis illum mollitia!</div>
<div>Esse, blanditiis, doloremque, ratione maiores suscipit odit officiis vitae laudantium provident sapiente quisquam neque minima corrupti doloribus facere ipsa sunt! Deleniti, beatae animi voluptatem saepe tempora dolore incidunt quam accusamus.</div>
<div>Alias deserunt illum repudiandae. Molestias, rem, ipsum, eos, culpa accusamus ipsam et mollitia necessitatibus magnam iste adipisci perspiciatis saepe ipsa repellat officia nihil maxime quas esse distinctio odit enim earum.</div>
<div>Officia, sint, culpa assumenda quas fugit molestias voluptatum aliquam dicta aliquid nobis dolores id nihil nisi architecto asperiores ratione odio adipisci tempore quam amet quibusdam esse provident minus! Expedita, beatae.</div>
<div>Omnis, labore, quis, repudiandae cumque harum in expedita dicta nisi ullam officiis id sapiente qui quam quae eum natus quod odit ducimus iure nulla minus soluta molestiae adipisci voluptatibus assumenda?</div>
<div>Ipsa, amet, expedita nisi numquam accusamus voluptatum sint ratione dicta maiores iure officia quidem quasi suscipit? Unde, optio, nemo, obcaecati nesciunt iusto ad deleniti odio totam impedit culpa non consequatur!</div>
<div>Eum, velit, saepe, ducimus facere ipsam dolores doloremque pariatur ut accusamus tempora tempore repellendus sapiente voluptas corrupti hic fuga nihil. Dolorum quaerat eos non ipsum at soluta veniam sapiente accusantium.</div>
<div>Quisquam, vel, officia dolore blanditiis nulla nam vero accusamus consequatur facere commodi veritatis natus placeat porro culpa neque. Itaque voluptatibus esse deserunt ut illo id earum ab voluptates saepe alias!</div>
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem, officiis, perferendis quasi dolor nam sit dolores maxime veniam eius aliquid sint minus voluptatibus est itaque asperiores. Itaque animi magnam ullam!</div>
<div>Saepe, voluptatibus, architecto cumque labore quam facere tempora rerum iste minus nesciunt harum suscipit eum odio? Fugit, hic, blanditiis et voluptatem error facilis rerum commodi assumenda ullam saepe libero sunt!</div>
<div>Natus eveniet deleniti a illo molestias aliquam tempora nobis asperiores odio saepe. Nihil, quaerat quo ipsa laboriosam non aspernatur possimus in beatae quos similique vel quae dolorum nobis illum mollitia!</div>
<div>Esse, blanditiis, doloremque, ratione maiores suscipit odit officiis vitae laudantium provident sapiente quisquam neque minima corrupti doloribus facere ipsa sunt! Deleniti, beatae animi voluptatem saepe tempora dolore incidunt quam accusamus.</div>
<div>Alias deserunt illum repudiandae. Molestias, rem, ipsum, eos, culpa accusamus ipsam et mollitia necessitatibus magnam iste adipisci perspiciatis saepe ipsa repellat officia nihil maxime quas esse distinctio odit enim earum.</div>
<div>Officia, sint, culpa assumenda quas fugit molestias voluptatum aliquam dicta aliquid nobis dolores id nihil nisi architecto asperiores ratione odio adipisci tempore quam amet quibusdam esse provident minus! Expedita, beatae.</div>
<div>Omnis, labore, quis, repudiandae cumque harum in expedita dicta nisi ullam officiis id sapiente qui quam quae eum natus quod odit ducimus iure nulla minus soluta molestiae adipisci voluptatibus assumenda?</div>
<div>Ipsa, amet, expedita nisi numquam accusamus voluptatum sint ratione dicta maiores iure officia quidem quasi suscipit? Unde, optio, nemo, obcaecati nesciunt iusto ad deleniti odio totam impedit culpa non consequatur!</div>
<div>Eum, velit, saepe, ducimus facere ipsam dolores doloremque pariatur ut accusamus tempora tempore repellendus sapiente voluptas corrupti hic fuga nihil. Dolorum quaerat eos non ipsum at soluta veniam sapiente accusantium.</div>
<div>Quisquam, vel, officia dolore blanditiis nulla nam vero accusamus consequatur facere commodi veritatis natus placeat porro culpa neque. Itaque voluptatibus esse deserunt ut illo id earum ab voluptates saepe alias!</div>
</div>
</div>
</body>
</html> |
(
Сообщение было отмечено updaite как решение
