컨테이너를 기준으로 요소 너비를 변경하는 방법은 무엇입니까?

안녕하세요. 내 웹 사이트에 등록 양식 요소가있는 컨테이너가 하나 있습니다. 이제 컨테이너 크기에 따라 라벨, 텍스트 필드 및 버튼의 크기를 변경하고 싶습니다.컨테이너를 기준으로 요소 너비를 변경하는 방법은 무엇입니까?

내 요구 사항 텍스트 상자는 라벨의 오른쪽에 있어야하며 화면의 너비가 1024px 이상이면 회색 컨테이너의 오른쪽 테두리보다 40px - 40px가 컨테이너의 안쪽 여백이되도록 확장해야합니다. 화면의 너비가 < 1024 인 경우 텍스트 상자는 레이블 아래에 있어야하며 너비는 회색 컨테이너의 너비와 왼쪽 및 오른쪽의 컨테이너 안쪽 여백을 뺀 길이 여야합니다.

제발이 방법을 제안 해주세요. 회색 색상

enter image description here

배경의 웹 사이트에있는 컨테이너입니다 :

는 또한 스크린 샷을 첨부했다.

.dnnForm .dnnFormItem { 
    clear: both; 
    width: 100%; 
    display: block; 
    position: relative; 
    text-align: left; 
} 
@media screen and (min-width: 1025px) 
    #rox-custom-box-06 .dnnForm { 
     width: 100%; 
    } 
@media screen and (min-width: 1025px) 
    #rox-custom-box-06 .dnnFormInput, .password-strength-container, .password-strength { 
     display: inline-block; 
     width: 35% !important; 
    }

출처

2015-01-12 Developer

코드를 게시 할 수 있습니까? – jmore009

CSS 파일로 편집 – Developer

[MCVE 생성] (http://stackoverflow.com/help/mcve) 할 수 있다면 좋을 것입니다. 제공 한 코드를 기반으로 다른 방해 스타일이 있는지는 추측하기 어렵습니다. 또한 마크 업을 제공하지 않았습니다. – Terry

이 작업을 수행하려면 솔루션과 관련하여 좀 더 세부적으로 생각해야합니다.

컨테이너 &/양식에는 특정 CSS 클래스가 적용되어 있어야 작동 할 수 있습니다. 당신은 또한 당신의 피부에 부트 스트랩 (Bootstrap) 또는 유사 물체를 사용하여 반응하는 디자인을하려는 것처럼 보일 수도 있지만 지원하는 프레임 워크가 필요하지는 않습니다.

그렇지 않으면 HTML에 대한보다 자세한 예제가 도움이 될 수 있습니다.

출처

2015-01-14 21:17:25

컨테이너를 기준으로 요소 너비를 변경하는 방법은 무엇입니까?

답변

관련 문제