У меня странная проблема с моим файлом CSS, который ясен, не работает. Я также использовал код clearfix, но все же нижний колонтитул, расположенный в секции заголовка. (Я прочитал все проблемы такого рода в StackOverflow, но не получить решение.)Почему CSS Clear не работает?
* {
margin: 0px;
padding: 0px;
}
/*top navigation*/
/*logo image div*/
#wrapper {
float: left;
width: 100%;
height: 78px;
background: rgba(0, 0, 0, 0.5);
position: fixed;
}
.logo {
float: left;
width: 15%;
}
.logo img {
width: 100%;
height: 78px;
}
/*================================================================*/
/*menu div*/
.navigation {
text-align: center;
width: 85%;
}
nav li {
list-style-type: none;
float: left;
}
.navigation > li {
position: relative;
}
.navigation li ul {
position: absolute;
}
.navigation li ul li {
width: 100%;
}
div.navigation a {
text-decoration: none;
padding: 30px;
background-color: transparent;
color: blue;
display: block;
}
div.navigation a:HOVER {
background: rgba(255, 0, 0, .6);
color: white;
}
nav > ul > li:FIRST-CHILD {
margin-left: 300px;
}
/*sub navigation menu*/
nav li ul {
display: none;
}
nav li:HOVER ul {
display: block;
background: rgba(0, 0, 0, 0.5);
}
/*================================================================*/
/*div footer*/
div.footer {
clear: both;
border: thin solid red;
}
.clearfix:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both;
}
<div id="wrapper">
<div class="logo">
<img alt="logo image" src="../images/logo.png">
</div>
<div class="navigation">
<nav>
<ul>
<li><a href="#">ABOUT</a>
<ul>
<li><a href="#">Item 1a</a>
</li>
<li><a href="#">Item 1b</a>
</li>
</ul>
</li>
<li><a href="#">MENU</a>
</li>
<li><a href="#">ORDER</a>
</li>
<li><a href="#">NEWS</a>
</li>
<li><a href="#">CONTACT</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="clearfix">class clear fix</div>
<div class="footer">this is footer section</div>
<p>this is para. footer section</p>
Там буквально нет PHP в вашем "PHP код". Удаление тега. –
Я разместил только часть html – Ratin
. Моя проблема заключается в том, что раздел нижнего колонтитула не находится под заголовком, он просто находит в заголовке. – Ratin