강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

kms13570님의 프로필 이미지
kms13570

작성한 질문수

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

2. 가로 고정형 레이아웃(A1~A4) - 보더를 사용해서 HTML+CSS 구조만들기

A3타입

해결된 질문

작성

·

256

1

혼자서 해봤는데 혹시 감점 요인이 있을까요..?

html코드는 강의랑 똑같이 했습니다.

 

.container {

  width: 1200px;

  margin: auto;

  /* border: 1px solid red; */

}

 

header {

  overflow: hidden;

}

 

header > div {

  border: 1px solid blue;

  height: 100px;

  box-sizing: border-box;

}

 

.header_logo {

  width: 200px;

  float: left;

}

 

.navi {

  width: 600px;

  float: right;

}

 

.slide {

 

}

 

.slide > div {

  border: 1px solid green;

  height: 300px;

  box-sizing: border-box;

}

 

.items {

  overflow: hidden;

}

 

.items > div {

  border: 1px solid orange;

  height: 200px;

  float: left;

  box-sizing: border-box;

}

 

.news {

  width: 500px;

}

 

.banner {

  width: 350px;

}

 

.shortcut {

  width: 350px;

}

 

footer {

  overflow: hidden;

}

 

footer > div {

  border: 1px solid pink;

  height: 100px;

  float: left;

  box-sizing: border-box;

}

 

.footer_logo {

  width: 200px;

}

 

.copyright {

  width: 1000px;

}

 

.copyright div {

  height: 49px;

  border: 1px dashed rgb(240, 123, 191);

  box-sizing: border-box;

}

 

답변 1

1

html 코드와 결과화면 캡쳐도 올리셔야 확인해봅니다. 

그리고 감점 사항 체크는 최종본 제작한 것을 가지고 하셔야 해요.

kms13570님의 프로필 이미지
kms13570
질문자

아 그렇군요

궁금한게 하나 있는데

높이가 100px로 나와있으면

border값은 빼고 100px인가요??

아니면 포함해도 상관없나요??

보더 빼고 높이 입니다. 그리고 보더는 레이아웃 잡을 때만 사용하고 최종본에서는 보더를 모두 지우고 합니다. 

kms13570님의 프로필 이미지
kms13570
질문자

아~~ 그렇군요!!

궁금했던게 풀렸습니다 감사합니다^^

kms13570님의 프로필 이미지
kms13570

작성한 질문수

질문하기