팁과노하우

2025.06.19 14:50

위젯 > 강제로 브라우저에 꽉차게 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 로 변경해주세요.

감사합니다.
  • 공유링크 복사
  • profile_image
    리빌더미니홈 1:1 대화하기 @master 구독 35명
  • 그누보드 리빌더는, 그누보드의 기능을 모두 그대로 사용하면서 폴더의 추가만으로 손쉽게 웹사이트를 완성하고 다양한 편의기능을 사용할 수 있습니다. 고도화는 계속 진행됩니다.
    미니홈 쪽지 구독하기
    구독하고 알림받기

    댓글목록

    profile_image
    미키손미니홈 1:1 대화하기  7일 전

    좋은 팁 감사합니다^^

    2025-06-19 16:20

    profile_image
    no_profile 민트다이어리미니홈 1:1 대화하기  6일 전

    감사합니다 ^^

    2025-06-20 09:51