묻고답하기
css충돌관련해서 명쾌한 해답을 내려주실 분을 찾습니다 -ㅇ-ㅠ
2014.10.19 23:27
http://www.cococob.com/index.php?mid=board_gyLL82&act=dispBoardWrite
함 와주시면 ...좋겠네요
주소입력칸에서 '상세주소를 입력하세요' 에서 직접 폼필드에 주소를 넣어 검색하면 상세주소가 나열 될 것입니다..
근데 요게 모양새가 흐트러지네요..
제가 사이트를 만드는데 부트스트랩이 좋다고 하는데 처음에 받은 대로 사용하다보니..
.bs3-wrap * {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
이와 같은 css가 걸려있는데 사실 무슨 역할을 하는지는 잘 모르겠고 적혀 있으니까 그냥 사용하면서 지내왔습니다(?)
에공....그러다 krzip.css랑 걸려버렸네요....
krzip.css에
- box-sizing: contents-box;
를 넣으면 어떻게든 박스모양이 제대로 잡히긴 하겠습니다만...(이전에 팁을 주신 리나님 정말 감사해요)
krzip같은 경우엔 코어 셋트상품(?)으로 알고 있어서
만약 코어업데이트를 하면 같이 갱신될테니...그 때마다 다시 수정해줘야 하는 일이 생길텐데....
그럼 결국 krzip은 내비두고
layout에 적용되어있는
.bs3-wrap * {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
들 좀 krzip.css에만 예외적으로 안들어오게끔...하고싶은데...이거 어디 방법이 없나요....이게...하필이면 layout 전역에 .bs3-wrap * 별표로 사용되는 css라서 영문도 모르고 이렇게 고통받고 있습니다 ㅠㅠ;;;
댓글 3
-
저...저는 업데이트 하고서도 일일히 수정하지 않아도 되는....존속가능한 방법을 여쭙고자...ㅠㅠ;;
-
Value Description content-box Default. The width and height properties (and min/max properties) includes only the content. Border, padding, or margin are not included border-box The width and height properties (and min/max properties) includes content, padding and border, but not the margin initial Sets this property to its default value. Read about initial inherit Inherits this property from its parent element. Read about inherit
예 http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_box-sizing
전체적으로 부트스트랩을 사용하기 어려운경우가 많습니다.
바로 css의 prefix가 없기 때문이죠.
이런경우 충돌이나는 부분을 특정 div에 클래스를 줍니다. <div class="이름">
그런다음 css에 .이름{ box-sizing:contents-box} 로 해줍니다.
이런식으로 처리해 주시면 어느정도 해결이 될 수 있습니다.