Top

[CSS] DIV width:100% 화면 넘어가는거 방지! | Web-Programing
김경훈 (admin) | Editor | 2014/02/18 09:18:39 | 조회:21249

[CSS] DIV width:100% 화면 넘어가는거 방지!

 

홈페이지를 개발하다보면 

  1.  <div style="width:100"> 내용 </div>

위와 같은 코드가 있을때 넓이가 화면 밖으로 넘어가는 경우가 있다.


물론 border 가 없기때문에 넘어가는지 안넘어가는지 확인이 안되는 경우가 있어

그냥 넘어가는일이 대부분 일듯..


  1. <div style="width:100; border:1px solid"> 내용 </div>

그렇다면.. 위와같이 border  를 주고 DIV가 화면 밖으로 넘어가는지 확인해보자.


넘어 간다면


아래 와 같은 방법으로 해결 가능하다! 아주 꿀팁이다! ㅋㅋ


  1. div
  2. {
  3.     -webkit-box-sizing: border-box;
  4.     -moz-box-sizing: border-box;  
  5.     box-sizing: border-box; 
  6. } 


 직접 복사해서 테스트 해보자!!!
공유하기
공유하기
1
0
0


댓글을 불러오는 중입니다.
▲ 이전글 요즘 회사 다닐맛 난다.. 김경훈 (admin) 2014-02-18 13:22:40
▼ 다음글 로보캅 김경훈 (admin) 2014-02-17 17:52:37
페이지 로딩이 끝나면 해당 댓글로 이동 합니다.