html 고정
본문
<div class="snb" style="width: 100%; height: 200px; border-bottom: 1px solid rgb(207, 207, 207); background: rgb(255, 255, 255); position: relative; overflow: hidden; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px;">
<div style="height:178px; background:url('navi_bg.jpg') 10px 0 no-repeat">
<ul style="float:left; height:158opx; margin:0px 0 0 313px; padding:0; list-style:none; color:#5a5a5a; letter-spacing:-0.07em; text-align:center;">
<li style="float:left; width:105px; height:178px;margin-right: 58px;">
<ul style="width:105px; margin:0; padding:0; list-style:none; ">
<li><a href="">게시판1</a></li>
<li><a href="">게시판1</a></li>
<li><a href="">게시판1</a></li>
<li><a href="">게시판1</a></li>
<li><a href="">게시판1</a></li>
<li><a href="">게시판1</a></li>
</ul>
</li>
<li style="float:left; width:105px; height:178px;margin-right:55px;">
<ul style="width:105px; margin:0; padding:0; list-style:none; ">
<li><a href="">게시판1</a></li>
<li><a href="">게시판1</a></li>
<li><a href="">게시판1</a></li>
<li><a href="">게시판1</a></li>
<li><a href="">게시판1</a></li>
<li><a href="">게시판1</a></li>
<li><a href="">게시판1</a></li>
</ul>
</li>
<li style="float:left; width:105px; height:178px;margin-right:35px;">
<ul style="width:105px; margin:0; padding:0; list-style:none; ">
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</li>
<li style="float:left; width:105px; height:178px;margin-right:21px;">
<ul style="width:105px; margin:0; padding:0; list-style:none; ">
<li><a href="">게시판1</a></li>
</ul>
</li>
<li style="float:left; width:105px; height:178px;margin-right:27px;">
<ul style="width:105px; margin:0; padding:0; list-style:none; ">
<li><a href="">게시판1</a></li></li>
</ul>
</li>
<li style="float:left; width:105px; height:178px;margin-right:20px;">
<ul style="width:105px; margin:0; padding:0; list-style:none; ">
<li><a href="">자유게시판</a></li>
</ul>
</li>
<li style="float:left; width:105px; height:178px;margin-right:30px;">
<ul style="width:105px; margin:0; padding:0; list-style:none; ">
<li><a href="">게시판1</a></li>
</ul>
</li>
<li style="float:left; width:105px; height:178px;margin-right:34px;">
<ul style="width:105px; margin:0; padding:0; list-style:none; ">
<li><a href="">게시판1</a></li>
<li><a href="">게시판1</a></li>
</ul>
</li>
<li style="float:left; width:105px; height:178px;">
<ul style="width:105px; margin:0; padding:0; list-style:none; ">
<li><a href="">공지사항</a></li>
</ul>
</li>
</ul>
</div>
</div>
창을 줄이면 반응형식으로 움직입니다 고정할수있는방법없을까요?
답변 1
<div class="snb" style="width: 100%; height: 200px; border-bottom 여기서 width:100% 에 100% 를 원하시는 넓이로 주시면 됩니다. 1280px <-- 1280px 로 고정