«css» 태그된 질문

http://jsfiddle.net/S8g4E/ div두 아이 가있는 용기 가 있습니다. 첫 번째 아이는 주어진 키를 가지고 있습니다. 두 번째 아이가 div특정 높이를주지 않고 컨테이너의 "여유 공간"을 차지하게하려면 어떻게 해야합니까? 이 예에서 분홍색 div은 공백도 차지해야합니다. 이 질문과 비슷합니다. div가 나머지 높이를 차지하도록 만드는 방법은 무엇입니까? 하지만 절대 위치 를주고 싶지 않습니다 .

107 html  css  height  parent 

아래와 같은 div가있는 페이지가 있습니다. <div id="container"> <div id="A"> </div> <div id="B"> <div id="B1"></div> <div id="B2">B2</div> </div> <div id="C"></div> <div id="D"> </div> </div> 스타일링으로; html, body { margin: 0; padding: 0; border: 0; } #B, #C, #D { position: absolute; } #A{ top: 0; width: 100%; height: 35px; background-color: #99CC00; …

107 css 

내 목표는 마지막에 CSS를 적용하는 li것이지만 그렇지 않습니다. #refundReasonMenu #nav li:last-child { border-bottom: 1px solid #b5b5b5; } <div id="refundReasonMenu"> <ul id="nav"> <li><a id="abc" href="#">abcde</a></li> <li><a id="def" href="#">xyz</a></li> </ul> </div> 코드 조각 실행결과 숨기기스 니펫 확장 마지막 자녀 만 선택하려면 어떻게 해야합니까?

106 css  css-selectors 

현재를 사용하여 해결하는 약간의 독특한 문제가 table있습니다. 아래를 참조하십시오. 기본적으로 두 개의 div가 사용 가능한 너비의 100 %를 차지하도록하고 싶지만 필요한만큼의 수직 공간 만 차지하고 싶습니다 (사진에서 그렇게 분명하지 않음). 둘은 그림과 같이 항상 똑같은 높이를 가져야하며 그 사이에 약간의 선이 있어야합니다. (출처 : pici.se ) 이것은 table제가 현재하고있는를 사용하여 …

106 html  css  html-table 

잠김 . 이 질문과 답변은 주제에서 벗어 났지만 역사적 의미가 있기 때문에 잠겨 있습니다. 현재 새로운 답변이나 상호 작용을 받아들이지 않습니다. 다른 포럼에서 읽기 저는 CSS 프레임 워크의 세계를 접했습니다. 제가 특별히 살펴본 것은 BluePrint 입니다. 다른 사람이 CSS 프레임 워크를 접한 적이 있는지 궁금합니다. 어떤 것이 가장 좋은지 그리고 …

106 css  css-frameworks 

너비가 100 % 인 테이블이 있습니다. <td>s를 넣으면 같은 길이의 열로 펼쳐집니다. 그러나 last를 제외한 모든 열이 텍스트를 줄 바꿈하지 않고 가능한 한 작은 너비를 갖기를 원합니다. 내가 먼저 한 것은 마지막을 제외한 width="1px"모든 <td>s를 설정했다는 것입니다 (사용되지 않지만 style="width:1px"효과가 없음). 열에 여러 단어로 된 데이터가있을 때까지 제대로 작동했습니다. 이 …

106 html  css  html-table 

나는 ms-word 표에서 할 수있는 것처럼 텍스트를 세로 방향으로 이동하려고 노력해 왔지만 지금 까지이 작업을 수행 할 수 있었지만 상자가 회전했기 때문에 만족하지 않습니다. t 실제 세로 방향 텍스트를 갖는 방법이 있습니까? 텍스트를 수직으로 만들지 않는 데모에서는 회전을 305 도로 만 설정했습니다. 270deg하지만 회전을 보여주는 데모 만 만들었습니다.

106 html  css  text  vertical-alignment 

CSS를 사용하여 내 목록 항목을 행에 가로로 표시하려면 어떻게해야합니까? #div_top_hypers { background-color:#eeeeee; display:inline; } #ul_top_hypers { display: inline; } <div id="div_top_hypers"> <ul id="ul_top_hypers"> <li>‣ <a href="" class="a_top_hypers"> Inbox</a></li> <li>‣ <a href="" class="a_top_hypers"> Compose</a></li> <li>‣ <a href="" class="a_top_hypers"> Reports</a></li> <li>‣ <a href="" class="a_top_hypers"> Preferences</a></li> <li>‣ <a href="" class="a_top_hypers"> logout</a></li> </ul> </div> …

106 html  css  html-lists 

나는 목록이 있고 Li는 float:left;. 이후 내용<ul> 은 올바르게 정렬되어야합니다. 따라서 다음을 만들 수 있습니다. http://jsfiddle.net/8unU8/ 나는 <div class="clear">: after와 같은 의사 선택기를 사용하여 제거 할 수 있다고 생각했습니다 . 그러나 예제는 작동하지 않습니다. http://jsfiddle.net/EyNnk/ 부동 요소를 지우려면 항상 별도의 div를 만들어야합니까?

106 html  css 

다음 그림과 같은 텍스트 블록을 디자인하고 싶습니다. 이것이 가능한지 질문?

106 html  css 

Chrome의 개발자 도구를 통해 사이트에서 툴팁이 어떻게 구성되는지 보려고합니다. 그러나 항목 위로 마우스를 가져가도 "요소 검사"를 수행하면 html의 도구 설명에 대해 아무것도 표시되지 않습니다. 스타일을로 설정할 수 :hover있지만 여전히 툴팁의 html 또는 css를 볼 수 없습니다. 어떤 아이디어?

106 html  css  hover  google-chrome-devtools 

나는 이것을 시도했지만 잘못되었습니다 여기 CSS입니다 body .modal-ku { width: 750px; } 그리고 여기에 실패한 결과가 있습니다

106 html  css  twitter-bootstrap-3 

나는 class='myTestClass'. 이 요소의 모든 자식에 CSS 스타일을 어떻게 적용합니까? 요소 자식에만 스타일을 적용하고 싶습니다. 손녀가 아닙니다. 나는 사용할 수있다 .myTestClass > div { margin: 0 20px; } 모든 div어린이에게 효과가 있지만 모든 어린이에게 효과가있는 솔루션을 원합니다. 사용할 수 있다고 생각 *했지만 .myTestClass > * { margin: 0 20px; } …

106 css  css-selectors 

개발 사이트에 fancybox2를 구현했습니다. 내가 fancybox를 사용하면 (링크 클릭 등) 전체 html이 그 뒤로 이동하고 맨 위로 이동합니다. 다른 데모에서는 제대로 작동하지만 동일한 코드를이 프로젝트로 드래그하면 맨 위로 이동합니다. 인라인 div에 대한 링크뿐만 아니라 간단한 이미지 갤러리에도 사용할 수 있습니다. 누구든지 이것을 경험 했습니까?

105 jquery  css  fancybox-2 

400px x 400px로 설정된 'mapwrap'div가 있고 그 안에 100 % x 100 %로 설정된 Google 'map'이 있습니다. 따라서지도가 400 x 400px로로드 된 다음 JavaScript를 사용하여 'mapwrap'의 크기를 화면의 100 % x 100 %로 조정합니다. Google지도는 예상대로 전체 화면으로 크기가 조정되지만 타일은 오른쪽 가장자리보다 먼저 사라지기 시작합니다. 페이지. Google지도를 더 큰 …

105 javascript  css  google-maps