자식 요소 크기에 따라 div 크기 너비를 만드는 방법

user3124113

메뉴 항목에 따라 메뉴 너비를 확장 할 수 있기를 원합니다. 제 예에서는 페이지의 100 %를 차지하므로 적절한 크기가되고 싶습니다.

여기 내 코드와 FIDDLE 예제가 있습니다.

HTML :

<div id="menu">
    <span>Menu 1</span>
    <span>Menu 2</span>
    <span>Menu 3</span>
    <span>Menu 4</span>
</div>

CSS :

#menu {
    width: auto;
    background-color: #ccc;
}

#menu span {
    padding: 5px;
}
멀린

span대신 단순히 사용하여 할 수 있습니다.div

업데이트 된 FIDDLE

<span id="menu">
    <span>Menu 1</span>
    <span>Menu 2</span>
    <span>Menu 3</span>
    <span>Menu 4</span>
</span>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

브라우저 크기에 따라 DIV 요소의 크기를 조정하는 방법은 무엇입니까?

분류에서Dev

기기에 따라 <div> 크기를 변경하는 방법

분류에서Dev

자식 div를 부모 div의 크기로 만드는 방법

분류에서Dev

페이지 크기에 따라 구성 요소의 크기를 조정하는 부트 스트랩 방식

분류에서Dev

자바 스크립트로 라디오 버튼 상태에 따라 요소를 숨기는 방법

분류에서Dev

크기에 따라 div를 대체하는 방법

분류에서Dev

div의 라인을 만들고 브라우저 크기에 따라 크기를 조정할 수있는 방법

분류에서Dev

무료 jqgrid 인라인 및 양식 편집에서 셀 크기를 채우고 글꼴을 늘리기 위해 요소 크기를 만드는 방법

분류에서Dev

요소의 문자 수에 따라 지연 후 요소를 숨기는 방법

분류에서Dev

양식 크기의 변경에 따라 구성 요소의 크기를 조정하는 방법은 무엇입니까?

분류에서Dev

채우기 입력에 따라 DOM 요소를 만드는 방법

분류에서Dev

창 크기에 따라 html에서 div의 위치를 변경하는 방법

분류에서Dev

Bulma 상자 요소의 요소를 모바일보기에서 전체 너비로 만드는 방법

분류에서Dev

한 요소가 다른 요소 크기를 따르는 방법

분류에서Dev

자바 스크립트 기능을 항상 스크롤시 다시 실행하고 요소 너비를 따르는 방법

분류에서Dev

React-부모 요소의 너비를 가져 오기 위해 반응 라우터 링크 내부에 innerHtml을 만드는 방법

분류에서Dev

부모 div의 자식 요소를 숨기는 방법

분류에서Dev

체크 박스 수에 따라 요소를 표시 / 숨기기하는 방법은 무엇입니까?

분류에서Dev

선택한 OPTION의 너비에 따라 SELECT 요소 자동 크기 조정

분류에서Dev

css / javascript를 사용하여 기기 너비에 따라 펼치기-접기 다른 div 높이를 만드는 방법

분류에서Dev

배경 이미지 크기에 따라 div의 크기를 자동으로 조정하는 방법은 무엇입니까?

분류에서Dev

스크롤 비율에 따라 div를 이동하는 방법

분류에서Dev

Jquery에서 화면 크기에 따라 절대 위치 요소를 이동하는 방법

분류에서Dev

화면 크기에 따라 자동 레이아웃 크기 조정 레이블 및 기타 개체를 만드는 방법

분류에서Dev

자바 스크립트에서 요소를 숨기는 방법

분류에서Dev

당사자 고정 크기로 동적 너비 div를 구현하는 방법

분류에서Dev

IOS에서 데이터 크기에 따라 UIImage를 축소하는 방법

분류에서Dev

@media를 사용하여 특정 화면 크기 (최소 너비 및 최대 너비)간에 iframe 또는 div의 너비를 변경하는 방법

분류에서Dev

컨테이너 크기에 따라 너비와 높이를 설정하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    브라우저 크기에 따라 DIV 요소의 크기를 조정하는 방법은 무엇입니까?

  2. 2

    기기에 따라 <div> 크기를 변경하는 방법

  3. 3

    자식 div를 부모 div의 크기로 만드는 방법

  4. 4

    페이지 크기에 따라 구성 요소의 크기를 조정하는 부트 스트랩 방식

  5. 5

    자바 스크립트로 라디오 버튼 상태에 따라 요소를 숨기는 방법

  6. 6

    크기에 따라 div를 대체하는 방법

  7. 7

    div의 라인을 만들고 브라우저 크기에 따라 크기를 조정할 수있는 방법

  8. 8

    무료 jqgrid 인라인 및 양식 편집에서 셀 크기를 채우고 글꼴을 늘리기 위해 요소 크기를 만드는 방법

  9. 9

    요소의 문자 수에 따라 지연 후 요소를 숨기는 방법

  10. 10

    양식 크기의 변경에 따라 구성 요소의 크기를 조정하는 방법은 무엇입니까?

  11. 11

    채우기 입력에 따라 DOM 요소를 만드는 방법

  12. 12

    창 크기에 따라 html에서 div의 위치를 변경하는 방법

  13. 13

    Bulma 상자 요소의 요소를 모바일보기에서 전체 너비로 만드는 방법

  14. 14

    한 요소가 다른 요소 크기를 따르는 방법

  15. 15

    자바 스크립트 기능을 항상 스크롤시 다시 실행하고 요소 너비를 따르는 방법

  16. 16

    React-부모 요소의 너비를 가져 오기 위해 반응 라우터 링크 내부에 innerHtml을 만드는 방법

  17. 17

    부모 div의 자식 요소를 숨기는 방법

  18. 18

    체크 박스 수에 따라 요소를 표시 / 숨기기하는 방법은 무엇입니까?

  19. 19

    선택한 OPTION의 너비에 따라 SELECT 요소 자동 크기 조정

  20. 20

    css / javascript를 사용하여 기기 너비에 따라 펼치기-접기 다른 div 높이를 만드는 방법

  21. 21

    배경 이미지 크기에 따라 div의 크기를 자동으로 조정하는 방법은 무엇입니까?

  22. 22

    스크롤 비율에 따라 div를 이동하는 방법

  23. 23

    Jquery에서 화면 크기에 따라 절대 위치 요소를 이동하는 방법

  24. 24

    화면 크기에 따라 자동 레이아웃 크기 조정 레이블 및 기타 개체를 만드는 방법

  25. 25

    자바 스크립트에서 요소를 숨기는 방법

  26. 26

    당사자 고정 크기로 동적 너비 div를 구현하는 방법

  27. 27

    IOS에서 데이터 크기에 따라 UIImage를 축소하는 방법

  28. 28

    @media를 사용하여 특정 화면 크기 (최소 너비 및 최대 너비)간에 iframe 또는 div의 너비를 변경하는 방법

  29. 29

    컨테이너 크기에 따라 너비와 높이를 설정하는 방법은 무엇입니까?

뜨겁다태그

보관