두 div가 플로팅 될 때 div의 너비 설정 (자동)

니 쿤지 마도가 리아

다음 HTML이 있습니다 .

<div style="width:300px;background:yellow;">
    <div style="float:left;border:solid 2px red;"><!--Img Div-->
      <img src="https://cdn2.iconfinder.com/data/icons/despicable-me-2-minions/128/Dancing-minion-icon.png">
    </div>
    <div style="border:solid 2px lime;float:left;"><!--Text Div-->
      Banana!
    </div>
    <div style="clear:both;"></div>
</div>

나는의 폭을 설정해야합니다 사업부 텍스트 가되도록 나머지 폭을 차지을 . 너비 스타일 속성을 사용하여이 작업을 수행 할 수 있다는 것을 알고 있습니다 width:164px;. 내가 알아야 할 것은 : 다른 CSS 속성을 사용하여 수동으로 너비를 설정하지 않고도 수행 할 수 있습니까 ?

Danield

1) float:left텍스트 div에서 제거

2) overflow:hidden텍스트 div에 설정 (또는 자동)

업데이트 된 바이올린

이렇게하면 텍스트 div가 나머지 너비를 채우도록하는 새로운 블록 서식 컨텍스트가 생성됩니다.

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

두 번째 div가 jQuery에 의해 숨길 때 div의 너비를 100 %로 설정하는 방법

분류에서Dev

너비가 자동으로 설정된 Div 내부의 중앙 Div

분류에서Dev

로드시 div 요소의 너비와 크기가 조정될 때 어떻게 얻을 수 있습니까?

분류에서Dev

부모 div가 너비를 변경할 때 고정 자식 div의 자동 너비를 설정하는 방법은 무엇입니까?

분류에서Dev

첫 번째 선택이 변경 될 때 두 번째 스피너의 위치가 기본값으로 설정 됨

분류에서Dev

두 div에 대한 CSS Div 정적 및 자동 너비

분류에서Dev

div가 동적으로 생성 될 때 div 정렬이 작동하지 않음

분류에서Dev

한 div의 텍스트가 두 번째 div의 너비를 기준으로 잘리는 동일한 행의 두 div (화살표 모양의 부모 div)

분류에서Dev

PC가 자동으로 다시 시작될 때마다 PhpStorm 재설정 설정

분류에서Dev

ul의 너비를 가장 넓은 자식 너비로 설정

분류에서Dev

컴퓨터가 시작될 때 특정 응용 프로그램의 자동 시작에 지연 시간 설정

분류에서Dev

사용자 정의 렌더러가 jTable로 설정되면 업데이트 될 때마다 작동합니까?

분류에서Dev

자식 div의 크기가 조정될 때 부모 div의 크기가 조정되지 않도록 방지

분류에서Dev

높이와 너비가 100 % 인 div 내부의 div 높이를 %로 설정

분류에서Dev

div의 크기가 동적으로 조정될 때 링크 숨기기 (및 표시)

분류에서Dev

div의 너비를 다른 div와 동일하게 설정

분류에서Dev

패딩이 설정 될 때 상대 부모 오버플로 div 내부의 절대 위치

분류에서Dev

자식 너비를 기반으로 div의 너비를 어떻게 설정할 수 있습니까?

분류에서Dev

자식 너비를 기반으로 div의 너비를 어떻게 설정할 수 있습니까?

분류에서Dev

너비를 지정하지 않고 두 개의 DIV를 나란히 플로팅하는 방법은 무엇입니까?

분류에서Dev

고정 너비 div 내부 div 요소의 동적 너비

분류에서Dev

브라우저 너비 / 높이가 변경 될 때 이미지 그리드의 크기를 동적으로 조정하려면 어떻게해야합니까?

분류에서Dev

단락 너비에 자동으로 맞도록 div 너비 크기 조정

분류에서Dev

브라우저의 너비가 조정될 때 한 열에 3 개의 div를 배치하는 방법은 무엇입니까?

분류에서Dev

브라우저 크기를 가장 작은 너비로 조정하는 동안 두 개의 div 블록을 인라인으로 유지

분류에서Dev

동일한 페이지에 두 개의 그래프 D3.js가있을 때 비정상적인 너비

분류에서Dev

div 내부 양식의 너비를 부모의 최대 너비로 설정

분류에서Dev

두 개의 동일한 너비 열 (가장 긴 열로 너비가 설정 됨)과 세 번째 열이 나머지 공간을 채 웁니다.

분류에서Dev

문서가 두 개의 열로 정의 될 때 tf idf 가져 오기

Related 관련 기사

  1. 1

    두 번째 div가 jQuery에 의해 숨길 때 div의 너비를 100 %로 설정하는 방법

  2. 2

    너비가 자동으로 설정된 Div 내부의 중앙 Div

  3. 3

    로드시 div 요소의 너비와 크기가 조정될 때 어떻게 얻을 수 있습니까?

  4. 4

    부모 div가 너비를 변경할 때 고정 자식 div의 자동 너비를 설정하는 방법은 무엇입니까?

  5. 5

    첫 번째 선택이 변경 될 때 두 번째 스피너의 위치가 기본값으로 설정 됨

  6. 6

    두 div에 대한 CSS Div 정적 및 자동 너비

  7. 7

    div가 동적으로 생성 될 때 div 정렬이 작동하지 않음

  8. 8

    한 div의 텍스트가 두 번째 div의 너비를 기준으로 잘리는 동일한 행의 두 div (화살표 모양의 부모 div)

  9. 9

    PC가 자동으로 다시 시작될 때마다 PhpStorm 재설정 설정

  10. 10

    ul의 너비를 가장 넓은 자식 너비로 설정

  11. 11

    컴퓨터가 시작될 때 특정 응용 프로그램의 자동 시작에 지연 시간 설정

  12. 12

    사용자 정의 렌더러가 jTable로 설정되면 업데이트 될 때마다 작동합니까?

  13. 13

    자식 div의 크기가 조정될 때 부모 div의 크기가 조정되지 않도록 방지

  14. 14

    높이와 너비가 100 % 인 div 내부의 div 높이를 %로 설정

  15. 15

    div의 크기가 동적으로 조정될 때 링크 숨기기 (및 표시)

  16. 16

    div의 너비를 다른 div와 동일하게 설정

  17. 17

    패딩이 설정 될 때 상대 부모 오버플로 div 내부의 절대 위치

  18. 18

    자식 너비를 기반으로 div의 너비를 어떻게 설정할 수 있습니까?

  19. 19

    자식 너비를 기반으로 div의 너비를 어떻게 설정할 수 있습니까?

  20. 20

    너비를 지정하지 않고 두 개의 DIV를 나란히 플로팅하는 방법은 무엇입니까?

  21. 21

    고정 너비 div 내부 div 요소의 동적 너비

  22. 22

    브라우저 너비 / 높이가 변경 될 때 이미지 그리드의 크기를 동적으로 조정하려면 어떻게해야합니까?

  23. 23

    단락 너비에 자동으로 맞도록 div 너비 크기 조정

  24. 24

    브라우저의 너비가 조정될 때 한 열에 3 개의 div를 배치하는 방법은 무엇입니까?

  25. 25

    브라우저 크기를 가장 작은 너비로 조정하는 동안 두 개의 div 블록을 인라인으로 유지

  26. 26

    동일한 페이지에 두 개의 그래프 D3.js가있을 때 비정상적인 너비

  27. 27

    div 내부 양식의 너비를 부모의 최대 너비로 설정

  28. 28

    두 개의 동일한 너비 열 (가장 긴 열로 너비가 설정 됨)과 세 번째 열이 나머지 공간을 채 웁니다.

  29. 29

    문서가 두 개의 열로 정의 될 때 tf idf 가져 오기

뜨겁다태그

보관