고정 너비 div

내 div를 고정 위치로 설정하고 페이지를 맨 아래로 스크롤하거나 스마트 폰이나 태블릿과 같은 작은 화면을 내 바닥 글 위에 고정 된 div 플로트로 사용하는 경우 이 문제를 어떻게 해결할 수 있습니까?고정 너비 div

이 내 고정 사업부입니다 :

.infoItem{ 
    -webkit-border-radius: 15px; 
    -moz-border-radius: 15px; 
    border-radius: 15px; 
    border: 1px #e4e4e4 solid; 
    width: 227px; 
    background:#f8f6f7; 
    position: fixed; 
}

이 내 래퍼입니다 :

.wrapper { 
    min-width:954px; 
}

나는 또한 다른 사업부 내 infoteam DIV 포장 및 position: absolute 될 새로운 사업부를 설정하려고하지만 또한 작동하지 않았다. 이 아래 모든 요소를 강제

<div style="clear:both"></div>

고정 DIV HTML

<div class="box-collateral box-up-sell"> 

     <div class="infoItem"> 
      <p class="heading">Add to your </p> 
      <p class="content"> 

         <div class='upsellContainer'> 

           <div> 

           </div> 
         </div> 

      </p> 
     </div> 
    </div>

바닥 글 CSS

.footer { background:url(../images/footer-top-border.png) repeat-x;} 
/* .footer-container { border-top:15px solid #b6d1e2; }*/ 

.footer { width:904px; margin:0 auto; padding:30px 10px 50px; } 
.footer .store-switcher { display:inline; margin:0 5px 0 0; color:#fff; } 
.footer .store-switcher label { font-weight:bold; vertical-align:middle; } 
.footer .store-switcher select { padding:0; vertical-align:middle; } 
.footer a {text-decoration:none; } 
.footer a:hover { text-decoration:underline; } 
.footer .bugs { margin:13px 0 0; } 
.footer .bugs a { text-decoration:underline; } 
.footer .bugs a:hover { text-decoration:none; } 
.footer address { margin:0 0 20px; } 
.footer address a {text-decoration:underline; } 
.footer address a:hover { text-decoration:none; } 
.footer ul { display:inline; } 
.footer ul.links { display:block; } 
.footer li { background:url(../images/bkg_pipe2.gif) 100% 60% no-repeat; padding:0 7px 0 4px; } 
.footer li.last { background:none !important; padding-right:0 !important; } 
.footer-container .bottom-container { margin:0 0 5px; }

출처

2012-08-01 Pawel_K

내가 볼 수있는 바닥 글에 CSS 사용? 래퍼, 머리글 및 바닥 글에 대한 HTML입니다. –

지금까지 시도한 것은 무엇입니까? HTML은 어떻게 생겼습니까? 실제 문제의 스크린 샷을 제공 할 수 있습니까? –

에는 콘텐츠가 포함 된 div를 수정 한 특별한 이유가 있습니다. 이것은 내용에 따라 높이를 조절하고 그 아래에있는 모든 것을 자연스럽게 오버 플로우시킵니다. div를 플로팅하거나 960.gs와 같은 인라인 요소를 사용하여보다 안정된 레이아웃 연습을 시도 할 수 있습니다. – Ollie

당신 DIV 후이 같은 바닥 글 전에 다른 사업부의 권리를 추가 그것 내려. 모두 CSS에서 같은 : 당신은 또한 바닥 글뿐만 아니라 footer div 내부

출처

2012-08-01 16:49:28

사용 clear:both (이 항상 바닥 글의 진실해야한다) 또는 명확한 적용 clear:both을 가지고 있는지 확인하려면

#footer{ 
    clear: both; 
}

출처

2012-08-01 16:56:08 RAN

고정 너비 div

답변

관련 문제