입력란과 제출 버튼이 포함 된 div가 있습니다. 디자인은 완전히 유동적이어야합니다. 제출 버튼의 높이는 높이 100 %로 설정됩니다 (상위 div도 백분율로 작성 됨).getSize는 입력 필드의 너비를 계산하고 설정합니다.
입력 필드의 너비를 100 % - (제출 버튼의 너비)로 설정하고 싶습니다. 일부 탐색 목적으로 이미 MooTools를 사용하고 있는데, 제출 버튼에 getSize(). x 메서드를 사용하여이 값을 사용하여 입력 스타일을 설정할 수 있다고 생각했습니다.
나는 올바른 방향으로 나를 설 수있는 MooTools를 배우고있는 중입니까?
입력란의 너비를 70 %로 설정하고 제출 버튼을 30 %로 지정하는 것은 어떻습니까?
실제로 js는 필요하지 않습니다.
죄송합니다.이 질문은 명확하지 않습니다. 제출 버튼은 정사각형입니다. 이 이미지의 크기를 너비에 기초하여 올바른 비율을 유지하지 못합니다. 높이를 기준으로 올바른 비율을 유지하지만 가변 폭을 갖습니다. (상위 div의 높이와 동일 함). 그래서 제출 X 크기를 가져오고 그 옆에있는 입력 필드는 해당 변수 X 크기를 기반으로 계산할 수 있습니다. – Cas
정확하게 이해했다면 그 이미지를 버튼의 배경 이미지로 설정하고'background-size : cover'를 사용해야합니다. 이러한 질문을 명확히하기 위해서는 [Fiddle] (http://www.jsfiddle.net/)을 실제로 만들어야합니다. –
Niels와 동의 - 바이올린이 유용 할 것입니다. – Lennart
너비 : 100 % (CSS), 다음 컨테이너/유체 그리드 시스템을 따르십니까? 이것을 위해 js를 사용할 필요가 없습니다. –