Сделайте два пущенных в ход элемента CSS той же высотой
OpenID (в основном) для идентификации / аутентификации, так что stackoverflow.com знает, что я владею chris.boyle.name (или где-то еще) и, следовательно, я, вероятно, тот же человек, который владел chris.boyle.name вчера и заработал несколько очков репутации.
OAuth предназначен для авторизации действий от вашего имени, поэтому stackoverflow.com (или где-либо еще) может запрашивать разрешение, скажем, на твит от вашего имени автоматически, не зная вашего пароля в Twitter.
6 ответов
Почему бы вам не использовать стол?
Это уже смешно. Пользователь хочет увидеть таблицу. Язык HTML предоставляет элемент таблицы для достижения именно той цели, которую хочет пользователь. Тем не менее, мы используем целую библиотеку (я смотрю на ответ JQuery) для достижения цели без таблицы, даже если это означает, что скрипт работает на клиенте!
Проголосуйте до бесконечности, если хотите, но я думаю С таким же успехом я могу выложить эту часть дизайна в таблицу ...
Есть несколько способов с разной степенью сложности и успеха. У меня работает один метод (, я не помню, где я его впервые увидел ссылка , проблемы ):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>test</title>
<style type="text/css">
#page {
clear:both;
overflow:hidden;
width:100%;
}
#page div {
margin:0 0 -6000px 0; /* nothing special about 6000px */
padding:0 0 6000px 0; /* any large enough value will do */
}
div.article {
background:blue;
float:left;
width:70%;
}
div.sidebar {
background:red;
float:right;
width:30%;
}
</style>
</head>
<body>
<div id="page">
<div class="article">
<p>Some content</p>
</div>
<div class="sidebar">
<p>Some content</p>
<p>Some content</p>
<p>Some content</p>
</div>
</div>
</body>
</html>
Проценты редко работают как высота в CSS. Чтобы высота дочернего элемента была такой же, как у его родителя, вы можете использовать немного Javascript. Вот как это будет выглядеть в jQuery:
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function() {
var containerheight = $("outerBox").height;
$(".outerBox").children().css("height",containerheight)
</script>
Если вы хотите просто сделать блоки внутри контейнера одинакового размера, у Filament Group есть отличный плагин для выравнивания высоты боксов с помощью jQuery, и он очень хорошо документирован:
Один из способов сделать следующее без использования JavaScript - использовать метод, называемый Faux-Columns .
Он в основном включает применение фонового изображения ] к родительским элементам плавающих элементов, что заставляет вас думать, что эти два элемента имеют одинаковую высоту.
Дополнительная информация доступна по адресу:
Я думаю, что таблицы следует использовать для того, для чего они были созданы - а именно для хранения данных, а не отображения макета.
Если вам нужен хороший кроссбраузерный и свободный от взлома CSS решение - проверьте эту статью .