2016-09-20 5 views
-1
にちょうど隣接するトップ下に

Image of Issuesあなたが赤の本部は、親のdivと青本部とレッド本部の間でも、小さなスペースの少し外を見ることができ本部

h1,h2,h3,h4,h5,h6 { 
 
    font-size: 100%; 
 
}
<!--top Div--> 
 
<div style="width: 100%; height:100%;background-color: orange"> 
 
    <div style="width: 80%; height:20%;color: navy; background-color: yellow; solid blue;text-align:right;align:center;margin: 0 auto;"> 
 
    <div style="width: 20%; height:80%;color: navy; background-color: pink; border: 1px black; padding: 5px;float:right"> 
 
     <h2> <p style="text-align:right;">Enter Site Title</p> </h2> 
 
     <h1> <p style="text-align:right;">Enter Site Slogen</p> </h1> 
 
    </div> 
 
    </div> 
 
    <!-- top Div Close --> 
 

 
    <div style="width: 80%; height:80%;color: navy; background-color: pink; solid blue;text-align:right;align:center;margin: 0 auto"> 
 
    <div style="width: 100%; height:85%;background-color: green;position: relative;"> 
 
     <div style="width: 30%; height:100%;color: navy; background-color: blue; solid blue;text-align:right;align:left;float: left"> 
 
     <h1 style="text-align:right;" style="margin-right: 20px">Enter Site Title</h1> 
 
     <h2 style="text-align:right">Enter Site Slogen</h2> 
 
     </div> 
 
     <div style="width: 65%; height:100%;color: navy; background-color: cyan; solid blue;text-align:right;align:left;float: right;"> 
 
     <h1 style="text-align:right;margin-right: 20px;">Enter Site Title</h1> 
 
     <h2 style="text-align:right">Enter Site Slogen</h2> 
 
     </div> 
 
    </div> 
 
    <div style="width:100%;height:15%;background-color: red;position: top;clear: both"> 
 
     <p style="text-align:right;font-size:15px;">Enter Site Title</p> 
 
    </div> 
 
    </div> 
 
</div>

を下の事業部を設定することができません。

答えて

1

フッターを作成しようとしています。
フッターを下部に引っ掛ける。
代わりのインラインCSSを入力して、CSSファイルを作成し、書き込みによってHTMLページにそれを呼び出す:<head>セクションで

<head> 
    <link rel="stylesheet" href="styles.css"> 
</head> 

を。 CSSファイルで

​​

、書き込み:HTMLのdiv、書き込みで

#footer { 
    clear: both; 
    position: relative; 
    z-index: 10; 
    height: 3em; 
    margin-top: -3em; 
} 

それは一番下に滞在する必要があります。 :)

+0

編集のおかげで、私は間違いを気付かなかった。 :) –