왜이 사업부가 완전히 고장 났습니까?

나는 여기서 무슨 일이 벌어지고 있는지 전혀 모른다. div에 양식이 있고 div에 배경색이 있습니다.왜이 사업부가 완전히 고장 났습니까?

내 웹 사이트의 일부에서 작동하지만 다른 웹 사이트에서 전혀 작동하지 않습니다. 여기에 또한 영향을받는 코드는 여기에 게시

에 세드릭의 Jsfiddle입니다 :

form { 
 
    text-align: center; 
 
} 
 

 
input { 
 
    font-family: 'Cabin', sans-serif; 
 
} 
 

 
.submit-button { 
 
    text-decoration: none; 
 
    width: 80%; 
 
    background-color: white; 
 
    text-align: center; 
 
    height: 35px; 
 
    border-radius: 10px; 
 
    display: inline-block; 
 

 
} 
 

 
.input-half { 
 
    width: 40%; 
 
    display: inline-block; 
 
    float: left; 
 
    margin-left: 5%; 
 
    margin-right: 5%; 
 
} 
 

 
.input-half-2 { 
 
    width: 40%; 
 
    display: inline-block; 
 
    float: right; 
 
    margin-left: 5%; 
 
    margin-right: 5%; 
 
} 
 

 
input[type=text]:focus { 
 
    background-color: lightblue; 
 
} 
 

 

 
.contact-contain { 
 
    background-color: lightgray; 
 
    max-width: 100%; 
 
} 
 

 
.image-back { 
 
    width: 100%; 
 
} 
 

 
#back-img { 
 
    width: 100% 
 
} 
 

 
.cont-textarea { 
 
    resize: none; 
 
    width: 80%; 
 
    height: 110px; 
 
}

<div class="contact-contain" id="link-c"><br> 
 
    <h1>Contact Over The Horizon:</h1><br><br> 
 
    <form> 
 
    <div class="input-half"> 
 
     <label for="contname">Your Name</label><br> 
 
     <input class="input-box" type="text" name="contname"><br> 
 
     <label for="eaddress">Your Email</label><br> 
 
     <input class="input-box" type="text" name="eaddress"><br> 
 
     <label for="subj">Message Subject</label><br> 
 
     <input class="input-box" type="text" name="subj"> 
 
    </div> 
 
    <div class="input-half-2"> 
 
     <label for="contactmsg">Message Content</label><br><br> 
 
     <textarea class="cont-textarea"></textarea><br><br> 
 
     <button class="submit-button" type="submit" name="submitq" value="Send"><span>Submit Quote</span></button><br> 
 
    </div> 
 
    </form> 
 
</div><br>

출처

2016-08-17 Zach Curtis

귀하의 질문에 전혀 분명하지 않습니다. "완전히 부러"며 "작동하지 않는"것은 여기서 무엇을 의미합니까? – isherwood

참고로, 'br'태그를 여러 개 넣을 때보 다 공간을 만드는 데 여백과 여백을 사용하는 것이 좋습니다. '
'는 나중에 * 많이 * 수정하기가 더 어렵고 시간이 많이 걸립니다. – Scott

추측 : 당신은 당신의 사업부는 (제로 높이가있는) 양식을 포함합니다. 이 작업을 수행합니다 :

.contact-contain { 
    overflow: hidden; 
}

Demo

출처

2016-08-17 19:20:16 isherwood

폼이 없을 때 높이가 0 일 수있는 방법 ?? 이것은 효과가 있었지만 왜 효과가 있었는지 이해하지 못합니다. –

@ ZachCurtis 브라우저의 개발자 도구를 열고 요소 강조 표시가 켜져있는 '

Google에 "clearfix"를 제공하십시오. 떠 다니는 요소와 다른 요소에 공통적 인 문제입니다. 이렇게 많은 질문이 있습니다. – isherwood

신뢰 나 당신이 시간을 더 얻을 것이다,하지만 난 당신이 단순히이

같은 사용자 정의 바디 배경 색상을 설정할 수 있습니다 원하는 것을 달성하기 위해, 생각

body {background-color: lightgray;}

당신은 잘되어야합니다

출처

2016-08-17 19:25:02

이것은 OP가 전체 페이지의 색상을 원한다고 가정합니다. 그것은 안전한 내기가 아닙니다. – isherwood

실제로 질문자는 초보자처럼 보입니다. 그래서 나는 그를 새로운 방법으로 혼동하는 것이 좋지 않을 것이라고 생각합니다. 그래서 그것을 잘못 사용하지 않을 것입니다. 왜냐하면 저는 초심자이기도합니다. 그러나 어쨌든 당신은 매우 정확한 감사입니다! –

왜이 사업부가 완전히 고장 났습니까?

답변

관련 문제