1
内の2つの要素を浮動:メッセージと「X」CSSが、私は次のようしているのjQuery UIテーマのウィジェット
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Testing PasteHTML.com</title>
<link type="text/css" href="http://optdev.shellprompt.net/css/jquery-ui-1.8.1.custom.css" rel="stylesheet">
</head>
<body>
<div class="notification" id="notification-message">
<div class="ui-widget">
<div style="padding: 0 .7em;" class="ui-state-error ui-corner-all">
<span style="float: right;cursor:pointer" onclick="$x_Remove('notification-message')" class="ui-icon ui-icon-closethick"></span>
<div id="message" style="float:left">Invalid Login Credentials</div>
</div>
</div>
</div>
</body>
</html>
の両方が彼らの親のdivの外側をつくれ。どのように私はそれらを親の中に置くのですか?ここで
デモ http://pastehtml.com/view/bngl4k1th.htmlであり、私はそれはあなたが親タグを終了する前に、親タグやclear:both
プロパティを持つ新しいdiv要素に
overflow:hidden
を追加することができますいずれかのjQuery UIテーマ
http://tinyurl.com/dbqg2t警告メッセージ