
팁과노하우
위젯 > 강제로 브라우저에 꽉차게 100% 로 만들기
html을 추가할때 빌더의 구조상 위젯을 많이 사용합니다.
제작한 위젯을 가로폭 설정에 구애받지 않고 가로 100% 로 채우는 방법입니다.
위젯의구조가
아래와 같을때 CSS만 추가해주시면 되겠습니다.
<div class="test_widget">
위젯코드내용
</div>
.test_widget 을 100%로 만들기위해 아래 CSS 추가
<style>
.test_widget{
width: 100vw;
position: relative;
left: 50%;
transform: translateX(-50%);
min-width: 1280px;
}
</style>
min-width: 1280px; 은
현재 사용하고계시는 가로폭의 px 로 변경해주세요.
감사합니다.
- 이전글관리자페이지(특정페이지) htpasswd 암호걸기2025.06.20
- 다음글안내문 클릭시 자동으로 사라지게함!!2025.06.13
댓글목록

