В этом примере http://jsfiddle.net/czwsK/ как бы выровнять текст «привет» на 10% от высоты окна сверху? например, первый встроенный блок будет 20px сверху.Как выровнять высоту двух параллельных блоков sibling относительно друг друга?
This JSFiddle демонстрирует то, что вам нужно сделать. Как рекомендует Diodeus, вы не должны использовать процент, однако, если хотите, оберните свои элементы в div контейнера и дайте , что div, которую вы хотите, тогда вы можете использовать проценты с vertical-align: top на текстовом div.
HTML:
<html>
<body>
<div class="container">
<div class="text">hello</div>
<div style="display:inline-block; height:100%; width:200px; border: 1px solid black"></div>
</div>
</body>
</html>
CSS:
div.container {
height: 200px;
}
div.text { display: inline-block;
vertical-align: top;
margin-top: 10%;
}
Я думаю, что если вы хотите 20px сверху, вы должны использовать 20px, а не 10%. Здесь используется %
<html>
<body>
<div style="display:inline-block;dislpay:table-cell;vertical-align:top;padding-top:10%">hello</div>
<div style="display:inline-block; height:200px; width:200px; border: 1px solid black"></div>
</body>
</html>
кажется, что ваш демо URL недействителен. –
В последние несколько дней jsfiddle был немного увлечен, так как они перемещали серверы. –