grid로 열을 나눌때 <ol></ol>과 <div></div>가 동급으로 취급되나요?
조회수 532회
질문이 이해가 되셨는지 모르겠는데...
middleview 에서 grid값으로
ol과 div는 동급레벨(?)로 취급되나요?
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body{
margin: 0px;
}
#topview{
background-color: #20ACE4;
display: grid;
}
.logoimg{
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
#middleview{
display:grid;
grid-template-columns: 150px 1fr;
}
</style>
<html>
<head>
<title>Entrustech</title>
</head>
<body>
<div id="topview">
<div>
<img src="%EC%97%94%ED%8A%B8%EB%9F%AC%EC%8A%A4%ED%85%8D%20%EB%A1%9C%EA%B3%A0.png" class="logoimg">
</div>
</div>
<div id="middleview">
<ol id="index">
<li><a href="main.html">main</a></li>
<li><a href="address.html">address</a></li>
<li><a href="portfoli.html">portfoli</a></li>
</ol>
<div>
<h1>EntrusTech</h1>
<p>
엔트러스텍은 hardware/embedded SI 회사입니다. 업무 분야는 다음과 같습니다.
</p>
<ul>
<li>회로설계</li>
<li>PCB설계</li>
<li>펌웨어</li>
<li>소프트웨어</li>
<li>샘플제조</li>
</ul>
<p style="margin-top:45px;">
오랜 경력을 가진 숙련된 프리랜서들이 최적화된 업무 프로세스로<br>
합리적인 비용에 만족스러운 결과를 내줍니다.
</p>
</div>
</div>
</body>
</html>
-
(•́ ✖ •̀)
알 수 없는 사용자
1 답변
-
div#middleview
밑에ol
과div
2개가 있는데ol
과div
는 둘 다 기본display
속성 값이block
입니다. 따라서 둘 다 상위객체의grid-template-columns
속성 정의에 의해 동일한 유형의 그리드 아이템으로서 영향을 받을 겁니다. 그런 의미에서는 동급 레벨 취급이죠.
댓글 입력