Top

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

[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; 


 직접 복사해서 테스트 해보자!!!

공유하기
공유하기
1
0
0


댓글을 불러오는 중입니다.
▲ 이전글 [WEB] 웹표준을 위한 HTML 레퍼런스 김경훈 (admin) 2014-02-18 17:48:32
▼ 다음글 CSS3 만들어주는 웹사이트. 김경훈 (admin) 2014-02-15 13:32:59