div를 왼쪽으로 정렬

Question

div를 왼쪽으로 0으로 설정하려고하지만 할 수 없습니다. 내 코드입니다

.bottom 
{ 
width: 100%; 
position: relative; 
height: 100px; 
background: #21241c; 
float: left; 
margin: 0; 
} 

내 div 절대 위치를 지정하고 싶지 않아!

이

내가 바닥 DIV 100 % 폭 중간 사업부에서 항상 할 HTML

<div class='top'></div> 
<div class='middle'></div> 
<div class='bottom'></div> 

입니다. 나는 플로트 왼쪽과 여백 0을 시도했지만 안된다. 내 밑바닥 DIV 솔기가 화면의 중앙에 있고, 오른쪽과 왼쪽에 공백이 남습니다. 도와 드릴까요?

감사합니다.

Answer 1

이 절대 영역으로 위치를 설정하려면이

float:left; 
margin:0; 

필요가 없습니다처럼 사용해보십시오. margin:0 auto;을 사용하는 경우 div가 중앙에 고정되므로 마진을 0으로 사용하십시오.

Answer 2

.bottom div는 문제가 아니지만 부모 요소 중 하나 (아마도 body 요소)입니다. body에서 패딩 및/또는 마진을 제거

body { 
    margin: 0; 
    padding: 0; 
} 

Answer 3

당신은 당신의 HTML을 수정해야합니다. 우리는 코드가 없기 때문에 div가 본문에 있다고 가정합니다. 시도 : html, 본문 { 너비 : 100 %; 신장 : 100 %; 여백 : 0; }

Answer 4

시간을내어 주셔서 감사합니다. 해결책을 찾았습니다. 그냥 내 CSS에 벨로우즈 코드를 추가합니다.

html, body 
{ 
    margin: 0; 
    padding: 0; 
} 

Answer 5

당신은 코드 아래에 이것을 사용 : left` :

.bottom 
{ 
    width: 100%; 
    height: 100px; 
    background: #21241c; 
    float: left; 
    margin: 0; 
    }