csspositioning_html/css_WEB-ITnose

皆さんこんにちは
次の HTML コード:
845bc0347d2f48a149098cc22d7a5f95
5293e35412c2ecb8dc7cea395f65fc4e16b28748ea4df4d9c2150843fecfba68 ; /body>

mainTool が常に一番下にあり、コンテンツの高さは mainTool 以外であることを認識したいと思います。したがって、私の CSS は次のように書かれています:

*{margin:0;padding:0;}html,body{    height: 100%;}body{    background: black;}#content {    height:100%;    border-bottom: 50px; }#mainTool  {    position:absolute;   //这里设置绝对定位，当有这一句时，整个mainTool都消失不见了。去掉的话就可以见到。    bottom: 0px;     ／／使它一直在底部    background-color: yellow ;    height: 50px;     ／／高度为固定的50px；}

CSS の問題がどこにあるのかわかりません。助けてください

ディスカッションに返信 (解決策)

#mainTool  {    position:absolute;    bottom: 0px;    background-color: yellow ;    height: 50px;    width:100%; /*增加这一条样式*/}

以上です。ありがとう。それでおしまい。

CSS コード

#mainTool {

位置: 絶対;

背景色: 50px;
幅: 100%; /*このスタイルを追加します*/ }