2016-09-28 1 views
1

페이지 하단에 작은 상자가 있습니다. div 바로 위에 폼을 놓으려고하는데 폼이 부트 스트랩 div로 점프합니다. div 상단에 양식을 넣으려고 시도합니다.

는 HTML 시도 편집 해입니다 : 나는 또한 빵 부스러기와 thesame으로 배경 색상을 가지고 양식에서 행을 원하지만 그것은 CSS 양식을 제어하는 ​​
<div style="padding:1px; background-color: #F2F2F2;"> 
    <form class="rightiest" method="post" action="/logout"> 
      <input class="btn btn-link" type="submit" value="Leave Group"/> 
    </form> 
</div> 
<div class="breadcrumb"> 
      <div class="wrap"> 
       <div class="container" style="text-align: center;font-size: 80%;"> 
       <strong> Please hold we will soon attend to you shortly</strong> 



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

표시되지 않습니다

form.rightiest {float:right; margin-top:0px; margin-bottom:7px;} 

위의 경우 양식은 div에 겹쳐 유지됩니다. 제발 어떻게 div 바로 위에 양식을 배치 할 수 있습니다.

답변

1

플로트를 지우십시오.

+0

배경색을 적용하고 있지만 보이지 않습니다. – user6731422

+0
+0

BG 색상을 표시하도록 질문을 편집 할 수 있습니까 @ user6731422 –

2

수레를 치울 필요가 있습니다.

.breadcrumb { 
    clear: both; 
} 
+0

 form.rightiest {float:right; margin-top:0px; margin-bottom:7px;} .breadcrumb { clear: both; }
<form class="rightiest" method="post" action="/logout"> <input class="btn btn-link" type="submit" value="Leave Chat"/> </form> <div class="breadcrumb"> <div class="wrap"> <div class="container" style="text-align: center;font-size: 80%;"> <strong> Please hold we will soon attend to you shortly</strong> </div> </div> </div>

, 당신도 양식에 양식의 아래쪽 여백 가능성이 패딩을 변경해야합니다. 이동 경로에 상단 패딩 또는 상단 여백이있는 경우 변경해야 할 수도 있습니다. – Jrod

관련 문제