DIV에 대해 너비를 px로 % 및 최소 너비로 지정할 수 있습니까?

버튼이있는 웹 페이지에 사이드 바 DIV가 있습니다.DIV에 대해 너비를 px로 % 및 최소 너비로 지정할 수 있습니까?

width: 20%;

을하지만, 브라우저의 크기를 줄일 때 다음 언젠가 버튼에 대한 충분한 공간이 아니다 다음과 같이 나는 사이드 바 세트의 폭을 가지고있다. 너비를 20 %로 가질 수도 있지만 px로 최소값을 지정할 수도 있습니까?

출처

2011-09-03 Susan

실제로는 '너비'와 '최소 너비'를 함께 사용하는 바로 그 시점입니다. – BoltClock

예. 이것은 또한 매우 일반적입니다. 재미있어!

그리고 protip : 당신은 언제나 시도하고 찾을 수있다 "최소 폭을"사용)

출처

2011-09-03 14:30:49 Matchu

나는 스마일리를 무시하고 * 시도하고 알아내어 *는 절대로 일반 대답 **을 줄 수 없다고 주장합니다. 시행 착오를 통한 프로그래밍은 단 하나의 브라우저에서 작동하는 장난스런 소프트웨어와 엉성한 웹 디자인의 99 %를 세계에 제공합니다. 루크 (W3C CSS TR)와 같은 하드 사양을 사용 (읽기, 이해, 게시)하십시오. – Jens

@Jens : 시행 착오는 성공의 기초입니다. 당신이 말하는 99 %는 그들이 만든 것을 시험하기에는 너무 게으른 습관입니다. 설계 및 테스트는 두 가지 개발 단계입니다. – animuson

@animuson : 나는 진심으로 동의하지 않습니다. 시행 착오는 비록 시험을하더라도 "이 일을 할 것입니까?" "특정 버전과 옵션에 대해 내 컴퓨터/OS/broswer/컴파일러에서 작동합니까?"라는 대답 만 제공합니다. 그 대답은 ** 쓸데없이 **입니다. 프로그래밍과 디자인의 올바른 방법은 CSS에 대해 W3C CSS TR 인 합의 된 사양을 따르고 사용하는 것입니다. 시험판과 오류는 플랫폼 간 호환성에 관한 한 무한한 좌절감을 불러 일으킬 길입니다. – Jens

. 예 : min-width: 20px;. 그러나 너비가 항상 포함되어있는 크기 이상이되도록하려면 display: table-cell;

출처

2011-09-03 14:31:09

당신이 'display : table-cell' 비트를 추가하기 전에 당신의 대답이 더 좋았습니다. 아직도 당신이 질문을 오해하고 있다고 생각합니다. – animuson

그때는 무엇 이었습니까? –

그는 min-width를 사용하는 방법이 아니라 함께 사용할 수 있는지 알고 싶었습니다. 또한,'display : table-cell' 문은 끔찍합니다. 'diaply : block '을 사용하는 것이 훨씬 좋다. – animuson

예를 고려하십시오. W3C CSS recommendation은 일반적으로 너비와 최소 너비와 같은 다른 치수의 단위가 동일 할 것을 요구하지 않습니다. (꽤 관련없는 쪽 메모 : 예를 들어 padding: 2px 1em;과 같이 패딩과 같은 차원에 다른 단위를 혼합 할 수도 있습니다.

출처

2011-09-03 14:41:05 Jens

DIV에 대해 너비를 px로 % 및 최소 너비로 지정할 수 있습니까?

답변

관련 문제