зеркало из https://github.com/mozilla/gecko-dev.git
20 строки
678 B
HTML
20 строки
678 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<meta charset="utf-8">
|
|
<style>
|
|
body>div { margin: 50px 20px; width: 400px; height: 500px; border: 5px solid blue; }
|
|
.abc { display: inline-block; border: 2px solid red; inline-size: 30px;
|
|
writing-mode: vertical-rl; position: absolute; right: 0; top: 0; }
|
|
.test { background: #aaa; position: absolute; right: 0; top: 0; width: 2em; height: 100%; }
|
|
.rel { position: relative; }
|
|
iframe {
|
|
position: absolute; right: 0; top: 34px;
|
|
background: yellow; border: 5px solid green;
|
|
width: 300px; height: 150px;
|
|
}
|
|
</style>
|
|
<body>
|
|
<div class="rel">
|
|
<div class="test"><span class="abc">abc</span><iframe src="data:text/html,hello"></iframe></div>
|
|
</div>
|