박스와 박스 사이의 여백.
본문
박스와 박스사이 여백을 어떻게 하면 줄일수 있을까요?
<style>
ul {list-style:none;padding:0;margin:0;font-size: 0;}
ul li {list-style:none;padding:0;margin:0;}
.input {border:1px solid red;padding:0;margin:0;}
</style>
<ul>
<li><input type="text" class="input" maxLength=12 name="mem_id" /></li>
<li><input type="text" class="input" maxLength=12 name="mem_id" /></li>
</ul>
<br /><br />
<div style="padding:0;margin:0;"><input type="text" id="login_id" class="input" tabIndex=1 maxLength=12 name="mem_id" /></div>
<div style="padding:0;margin:0;"><input type="password" id="login_password" class="input" tabIndex=2 maxLength=15 name="mem_pass" /></div>
위, 아래 박스 사이의 여백이 생기는 이걸 어떻게 없앨수있을까요?
크롬에서는 여백이 없는데 IE 에서만 생깁니다....ㅠㅠ
위, 아래 박스사이가 딱 붙어야 되는데 안붙네요.
답변 2
<div>
박스1
</div>
<div>
박스2
</div>
이렇게 2개가 html 코드상 있을경우
float 하지 않는이상 4px 정도의 margin 값이 생깁니다.
이걸 없애려면
몇가지 방법이 있는데요
<div>
박스1
</div><div>
박스2
</div>
하시거나
<div>
박스1
</div><!--
--><div>
박스2
</div>
하셔야 합니다.
저게 만약 자바스크립트로 반복해서 들어가야 하는거라면...-_-;
그냥 float 을 쓸걸 추천해드리는 바입니다.
많은 도움이 되었습니다. 감사합니다.
답변을 작성하시기 전에 로그인 해주세요.