3-2강 코드로 작성하지 않은 박스가 표시됩니다...?
<!DOCTYPE html>
<html lang="ko">
<head>
<title>Document</title>
<style>
* {
box-sizing: border-box;
}
div {
width: 80px;
height: 80px;
border: 1px solid red;
padding: 10px;
}
/* #contentBox {
box-sizing: content-box;
}
#borderBox {
box-sizing: border-box;
} */
</style>
</head>
<body>
<div id="contentBox">박스 1</div>
<div>박스 2</div>
<div id="borderBox">박스 3</div>
</body>
</html>
이렇게 코드를 치고 저장 후 Live Server로 실행하니 화면과 같이 이상한 박스가 몇 개 더 뜹니다... 버그 같은데 원인을 못 찾겠네요..
.
Answer 2
0
수뼈님,
안녕하세요! html 파일로 오픈 했는데 문제가 없고, live server에서만 저렇게 보이는 것이면 vs-code 및 live server 에러일 경우도 있습니다.
live-sever를 삭제 후 재설치 해보는 것을 추천드려요!
그래도 안될 경우 다시 남겨주세요 😀
0
+) 추가
혹시나 해서 html 파일을 더블클릭해서 직접 실행했더니 정상적으로 보입니다. Live Server에서 실행했을 때만 저렇게 보이는데 원인이 뭘까요????..
강의자료가 너무 이쁘네요... 어떻게 만드셨는지 알 수 있을까요..?
0
132
1
반응형웹에서 가로 스크롤 생기지 말고 테이블이 밑으로 떨어지게 하려면?
0
41
1
nested 리스트일때 <ul> bullet 스타일 바꾸는 방법
0
197
2
border 선 겹침 현상
0
168
1
[CSS 01-2-2] flex-wrap 한 칸 띄고 다음 줄로 넘어가는 현상...
0
236
2
absolute관련 질문 있습니다.
0
105
2
rightSectionWrapper,leftSectionWrapper 중앙정렬 질문입니다!
0
147
2
과제 완료
0
254
2
2강 - Http 응답 데이터 - Html 질문
0
174
1
자바스크립트 함수가 실행되지 않습니다.
0
481
2
22강 연락처 추가하기 - css 파일 경로 지정
0
265
1
CreateView에 html 코드가 어떻게 적용되는 걸까요?
0
371
1
html input 태그에 readonly 속성 넣었을 때 배경이 회색으로 바뀌는 이유가 무엇인가요?
0
2714
1
leftSectionWrapper와 rightSectionWrapper 중앙 정렬
0
513
1
Mini Quiz 질문
0
284
2
animation 질문- 하나의 @keyframes로 특정 이벤트없이 한번, hover이벤트시 한번 적용 방법 문의.
0
511
2
CSS정렬 - 회원가입 폼 만들기 과제 질문
0
1002
2
중간중간 html 작성 코드가 안보여서 불편합니다.
0
580
1
item.html에 "저장완료!" 문구 넣을 때 질문 있습니다
1
599
1
container의 이름을 class로 주는 이유
0
492
1
비밀번호가 틀렸을 때 사라지지 않게 하려면 어떻게 수정해야하나요?
0
503
1
wrapper__right__body요소 안에 iframe태그를 사용하는 이유가 궁금합니다.
0
375
1
CSS관련 질문
0
522
1
margin 대신 padding을 자주 쓰는 이유
0
698
1