CSS에서 속성을 사용하는 방법은 무엇입니까?

-1

"Window": { 
    backgroundColor: '#fff' 
}, 
"Label": { 
    font: { 
     fontSize: 32, 
     fontWeight: 'bold' 
    } 
}, 
"Button": { 
    width: '50%', 
    height: Ti.UI.SIZE 
}, 
".button": { 
    randomProp: 'OK', 
    top: window.height * somevalue; 
}

내 Window's Height을 어떻게 내 button's 상단으로 설정할 수 있습니까?CSS에서 속성을 사용하는 방법은 무엇입니까?

출처

2013-02-03 theJava

아마도 길게 길게 갈 것 같습니다. 달성하고자하는 것을 설명하고 예제 사이트 나 이미지를 사용하십시오. –

나는 이상한 CSS를 보았습니다. –

개체의 스타일 속성에 액세스하려면 개체의 .style 특성을 사용합니다. 즉 : 현재 높이가 순수 JS에서 까다 롭습니다 창문을 얻기

mybutton.style.top = "10px";

하지만, jQuery 라이브러리는 쉽게 그것을 수행이 :

$('window').height();

여기에 다음 jQuery를 사용하지 않으려면 방법입니다 그냥 JS로해라 : JavaScript - Get Browser Height

만약 CSS와 퍼센트 값을 사용하는 것이 가장 좋은 방법이지만, 나는 당신이 창 크기에 비례하여 플로팅 할 것으로 생각하고있다. 바닥에 항상있는 바닥 글. 새로운 CSS3 셀렉터 중 일부는 CSS에 고통이 될 수 있으며 아마도 JS에서 해결되어야합니다.

출처

2013-02-03 14:00:48

이 경우 JavaScript가 필요하지 않습니다.

position: absolute;을 사용하여 뷰포트를 기준으로 button의 위치를 설정할 수 있습니다.

button {position: absolute; top: %/px;}

Here is your jsFiddle.

출처

2013-02-03 14:12:46

CSS에서 속성을 사용하는 방법은 무엇입니까?

답변

관련 문제