2

ボタンを含むメニューを作成したいのですが、何らかの理由でボタンが div の下部に配置されません。以前はテーブルを使用して同じ方法でこれを行っていましたが、機能しましたが、テーブルなしで試してみましたが、何らかの理由で機能しません。

私のCSS：

body 
{
    background: #bbb url(../images/Mywallpap.jpg) no-repeat;
    font-family: Sans-Serif;
    padding:0;
    margin: 0;
}

#Background
{
    width: 750px;
    margin: 0 auto;
    background: #FEFEFE;
}

.Menu
{
    height: 60px;
    vertical-align: bottom;
}

.Menu div
{
    height : 30px;
    margin-left: 25px;
    padding: 0;

}

私のHTML：

<!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></title>
    <link href="MyCss.css" type="text/css" rel="Stylesheet" />
</head>
<body>

<div id="Background">
    <div class="Menu">
       <div>
       <button>Test</button>
       </div>
    </div>



</div>

</body>
</html>

ここで何が欠けていますか？

4

2 に答える 2

2

このCSSをボタンに使用してみてください

.ButtonClass
{
 border: thin groove #000000;
 vertical-align: bottom;
 }

また、div 内の配置を探している場合はposition:absolute;、親 div 内に要素を絶対に配置するために使用できます。要素を使用position:absolute;する場合、最初に配置された親 div から絶対的に配置されます。見つからない場合は、ウィンドウから絶対的に配置されるため、コンテンツ div が相対的に配置されていることを確認する必要があります。

したがってposition:relative;、コンテンツ div に追加し、ボタンからフロートを削除して、次の css を追加します。

position: absolute;
right:    0;
bottom:   0;
于 2013-01-02T07:39:46.827 に答える
1

垂直方向の配置は、表のセル1に対してのみ機能します。

.Menu
{
    display: table-cell;
}

1実際にはインライン ブロックでも機能しますが、効果は異なります。

于 2013-01-02T07:36:15.630 に答える