원 대상 수상식이 포함 된 양식을 만들었습니다.초과 공백 제거 - CSS
하지만 레이아웃 옵션 (Hubspot을 사용하고 있습니다)으로 인해 보너스와 양식 사이에 큰 공간이 있습니다. 나는 다음 달성하기 위해 여분의 공백을 제거하고 싶습니다 http://content.workbooks.com/free-trial-workbooks-crm?hs_preview=w1at_hmF-2371060669
:
당신은에서 양식을 볼 수 있습니다 
당신은 iframe이의 높이를 낮출 필요가있다.
감사합니다. Sjors, iframe을 추악하게 만드십시오. 스크롤 막대가 표시되므로 (원래 초과 높이), iframe 소스에 공백이있는 것으로 보입니다. 이것을 제거하는 방법에 대한 조언이 있습니까? – user2696953
다음과 같이 iFrame의 'scrolling'속성을 'no'로 설정할 수 있습니다 : scrolling = "no"또는 css : overflow : hidden; –
나는이 두 가지를 다했으나 행운이 없었다. – user2696953
사용 height="325px" :
<iframe src="https://secure.workbooks.com/process/=QzM/Workbooks_Signup_Form?edition=trial"
width="600px" height="325px" frameborder="0" scrolling="no"
style="overflow: hidden;">
</iframe>
감사합니다. Praveen, 좋지만보기 흉한 스크롤 막대 (원래의 초과 높이)가 표시되어 iframe 소스에 공백이있는 것으로 보입니다. 이것을 제거하는 방법에 대한 조언이 있으십니까? – user2696953
당신은 이미'scrolling = "no"'를주었습니다. 그러나 여전히 스크롤을 보게되면,'style = "overflow : hidden;"' –
@PraveenKumar는'style = "overflow : hidden;"'을 추가 한 후에도 여전히 스크롤을합니다. inspect 요소를 사용하여 확인하고 편집하십시오! – Junaid
간단한 솔루션
HTML
<iframe id="iframeWithoutScroll" src="https://secure.workbooks.com/process/=QzM/Workbooks_Signup_Form?edition=trial"
width="600px" height="320px" frameborder="0" scrolling="no" style="overflow:hidden">
</iframe>
CSS
iframe#iframeWithoutScroll html {
overflow: hidden;
}
그럼이 문제를 해결하십시오 !! 실제로 html은 overflow: auto;으로 설정됩니다.
일부 브라우저에서는 스크롤 할 수 있습니다. 그럼 이건 go-to-here입니다.
O 그래 ... @PraveenKumar 나는 서둘러 ... 그 의도하지 않은 ...강조 주셔서 감사합니다 :) – Junaid
그래서 내 downvote를 제거했습니다. 실수가 발생합니다. 걱정 마. 그러나 우리는 다른 사람들에게 실수를해서는 안됩니다! ':)'당신이 그것을 긍정적 인 방향으로 가져 가기를 바랍니다. –
감사! 실제로 div (다른 이유로)에 싸서 오버 플로우를 사용했습니다. 숨김; 어떤 문제가 해결 된 것 같습니다! – user2696953
공유 할 마크 업이 있습니까? –
뭐든지 해봤습니까? 그 공백은 iframe 높이에 의해 발생합니다. –
감사합니다. iframe을 줄이면 추한 스크롤 막대가 표시되므로 (원래의 초과 높이) iframe 소스에 공백이있는 것으로 보입니다. 이것을 제거하는 방법에 대한 조언이 있습니까? – user2696953