Липкий нижний колонтитул

-5

Я новичок в веб-дизайне, поэтому, пожалуйста, несите меня. У меня есть html-контент и таблица стилей, как показано ниже, и она отлично работает без проблем с плавающим нижним колонтитулом. Но многие разработчики создали множество решений, и я уверен, что по уважительной причине (например, http://ryanfait.com/resources/footer-stick-to-bottom-of-page/). Я хотел бы знать, недостаточно ли css для нижележащего макета страницы, чтобы нижний колонтитул внизу страницы был недостаточным, и если это создаст проблему в будущем в некоторых сценариях.Липкий нижний колонтитул

CSS:

html,body { 
    height:100%; 
} 

#body { 
height:75%; 
}

HTML

<html lang="en"> 
     <head id="myHeader" title="Hello sample"> 
      <style type="text/css"> 
       html,body { 
        height:100%; 
        } 
       #body { 
        height:80%; 
         } 
      </style> 
     </head> 
     <body> 
       <div> 
        <div > 
         <p> This is the header </p> 
        </div> 
       </div> 

      <div id="body" > 
       <div > 
         <p> This is the body </p> 
       </div> 
      </div> 
       <div > 
        <div > 
         <p> This is a footer </p> 
       </div> 
       </div> 
     </body> 
    </HTML>

источник

2013-06-11 Chandan

Попробуйте сделать вас колонтитул CSS, как это:

position:absolute; 
bottom: 0px;

источник

2013-06-11 12:33:04

@Chandan +1 пожалуйста ... –

Почему Я проголосовал? – Chandan

:) ..........! –

Липкий нижний колонтитул

ответ

Смежные вопросы