수평선이 여전히 수직선으로되어 있고, 수평이 아니어야합니다.

Question

my site에서 바닥 근처에는 "무료 액세스"섹션이 있습니다. 이상적으로는 왼쪽에 자유 이미지, 가운데에 가입 양식, 오른쪽에 성공 이미지를 갖고 싶습니다. 3 요소의 너비는 960px 컨테이너에서 총 840px이므로 맞지 않습니다. 문제는 아닌 것 같습니다. 이를 위해, 내가 사용하고 있습니다 : 당신이 볼 수 있듯이, 뭔가 아주 잘 작동하지 않는 내가 너무 오래 동안보고 된 적이

 .signup { 
    border-top: 1px solid #333333; 
    float:left; 
    padding-bottom: 40px; 
    padding-top: 40px; 
    overflow: auto; 
    width: 280px; 
} 

.signup p { 
    padding-bottom: 20px; 
} 

.signup p span { 
    font-family: nevis-webfont; 
    font-size: 112.5%; 
    font-weight: normal; 
    letter-spacing: 1px; 
    text-transform: uppercase; 
} 

.signup #mc-embedded-subscribe { 
    background: #0fddaf; 
} 

.signup .freedom { 
    float: left; 
    width: 280px; 
} 

.signup .success { 
    float: right; 
    width: 280px; 
} 

.clear { 
    clear:both; 
} 

And the HTML.

내가 난 두려워 간단한 것을 놓치기. 문제가 무엇인지에 대한 아이디어가 있습니까?

Answer 1

신속하고 더러운 :

이 .signup에서 폭을 가지고 .form 왼쪽을 떠, 그리고 제공 그것은 280px 너비;
또는 너비는 .signup에서 을 추가 클래스 .freedom으로 지정하십시오. (<div class=' freedom form'> - 꽤 반항적 인, 어?)

Ta-da !! 당신이 그것으로 작업하기 전에

조언

1. 는 미래에 시간과 두통을 저장합니다, CSS를 알아보기;
2. ???
3. 이익.

Answer 2

부동 요소에 너비를 지정하면 예상대로 동작해야합니다.

Answer 3

플로트 .freedom, .form 및 .success가 모두 왼쪽. 그런 다음 .signup에서 너비를 제거하십시오.

Answer 4

각 부서의 절대 크기가 그대로 유지되므로 원하는 부분을 모두 왼쪽으로 떠 밀고 원하는 크기로 제공 할 수 있어야합니다 있다.

.signup 컨테이너 div에 overflow:auto을 추가해야 플로팅 된 콘텐츠가 그 안에 남아있게됩니다.

Answer 5

왼쪽에는 자유 이미지가 있고 오른쪽에는 중간 및 성공 이미지에 가입하고 싶습니다. 에스??? 먼저 이것을 얻으려면 너비를 취하여 자유 이미지를 떠서 왼쪽으로 부릅시다. 그런 다음 성공 이미지를 오른쪽으로 띄웁니다.

위의 CSS에서 삭제하십시오 : 둘 다; 및 {명확 : 모두} div.clear 같은 다른 사업부를 사용하여 모든 수레의 말에 모든 수레을 취소