«css» 태그된 질문

내 페이지의 왼쪽과 오른쪽에 각각 하나씩 2 개의 div가 있습니다 . 왼쪽의 너비는 고정되어 있으며 오른쪽의 나머지 공간을 채우고 싶습니다. #search { width: 160px; height: 25px; float: left; background-color: #ffffff; } #navigation { width: 780px; float: left; background-color: #A53030; } <div id="search">Text</div> <div id="navigation">Navigation</div> 코드 스 니펫 실행Hide results스 니펫 …

419 html  css  width  responsive 

좋아, 이건 정말 혼란스러워. div 안에 다음과 같은 내용이 있습니다. <div style="background-color: green; width: 200px; height: 300px;"> Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest. </div> 그러나 '단어'가 너무 길어서 콘텐츠가 예상대로 DIV를 오버플로합니다. 브라우저가 모든 내용에 맞는 단어를 '파손'시키려면 어떻게해야합니까?

417 html  css  line-breaks 

이미지가 있는데 특정 너비와 높이를 픽셀 단위로 설정하고 싶습니다 그러나 css ( width:150px; height:100px)를 사용하여 너비와 높이를 설정하면 이미지가 늘어나고보기 흉할 수 있습니다. 방법 기입 CSS를 사용하여 특정 크기로 이미지를, 그리고 스트레칭하지 그것을? 채우기 및 스트레칭 이미지의 예 : 원본 이미지 : 기지개 된 이미지 : 채워진 이미지 : 제발 …

415 css  image 

다른 ( child ) 를 포함 하는 div( parent )가 있습니다 . Parent는 특별한 CSS 스타일이없는 첫 번째 요소 입니다. 내가 설정할 때divbody .child { margin-top: 10px; } 최종 결과는 내 자녀의 상단이 여전히 부모와 일치한다는 것입니다. 자식이 10px 아래로 이동하는 대신 부모님이 10px 아래로 이동합니다. 내로 DOCTYPE설정되어 XHTML Transitional있습니다. …

414 css  xhtml  margin  nested 

프로젝트에서 사용되지 않은 CSS 정의를 식별하는 데 도움이되는 좋은 접근 방법이 있습니까? 많은 CSS 파일이 가져 와서 물건을 조금 정리하려고합니다.

414 css  performance  optimization  code-cleanup 

!importantCSS의 의미는 무엇입니까 ? CSS 2에서 사용할 수 있습니까? CSS 3? 어디에서 지원됩니까? 모든 최신 브라우저?

409 css 

이와 같은 요소로 요소의 테두리를 반투명하게 만드는 CSS 방법이 있습니까? border-opacity: 0.7; 그렇지 않다면 누구나 이미지를 사용하지 않고 어떻게 할 수 있는지 알고 있습니까?

409 css  opacity 

탭 내용을 세로로 가운데에 맞추려고하지만 CSS 스타일을 추가 display:inline-flex하면 가로 텍스트 정렬이 사라집니다. 각 탭에 대해 텍스트 맞춤 x 및 y를 어떻게 만들 수 있습니까? * { box-sizing: border-box; } #leftFrame { background-color: green; position: absolute; left: 0; right: 60%; top: 0; bottom: 0; } #leftFrame #tabs { background-color: red; …

408 html  css 

모든 자식 요소를 재귀 적으로 어떻게 선택할 수 있습니까? div.dropdown, div.dropdown > * { color: red; } 이 클래스는 정의 된 className 및 모든 직계 자식에서만 클래스를 발생시킵니다. 간단한 방법으로 다음과 같이 모든 자식 노드를 선택하는 방법은 무엇입니까? div.dropdown, div.dropdown > *, div.dropdown > * > *, div.dropdown > * …

407 css  css-selectors 

요소의 렌더링 된 높이를 어떻게 얻습니까? <div>내부에 내용이 들어 있는 요소 가 있다고 가정 해 봅시다 . 이 내용은의 높이를 늘리려 고합니다 <div>. 명시 적으로 높이를 설정하지 않은 경우 "렌더링 된"높이를 얻는 방법 분명히, 나는 시도했다 : var h = document.getElementById('someDiv').style.height; 이를위한 트릭이 있습니까? 도움이된다면 jQuery를 사용하고 있습니다.

405 javascript  jquery  css  height 

닫은. 이 질문은 스택 오버플로 지침을 충족하지 않습니다 . 현재 답변을받지 않습니다. 이 질문을 개선하고 싶습니까? 질문 업데이트 는 그래서 주제에 스택 오버플로합니다. 휴일 삼년 전에 . 대부분의 웹 개발자와 마찬가지로 웹 사이트의 출처를 살펴보고 마크 업이 어떻게 구축되는지를보고 싶어합니다. Firebug 및 Chrome 개발자 도구와 같은 도구를 사용하면 코드를 쉽게 …

403 html  css  internet-explorer  firebug  google-chrome-devtools 

산출: 여보세요 어떻게 지내 암호: <p>hello <br> How are you </p> 없이 동일한 출력을 얻는 방법 <br>?

398 html  css 

나는 현재 두 가지의 차이점이 무엇인지 궁금합니다. 두 가지를 모두 사용할 때 용기에 맞지 않으면 단어가 깨지는 것 같습니다. 그러나 W3C는 왜 두 가지 방법을 사용 했습니까?

397 css  word-wrap 

html 입력이 있습니다. 입력은 padding: 5px 10px;부모 div의 너비 (유체)의 100 %가되기를 원합니다. 그러나를 사용 width: 100%;하면 입력을 100% + 20px어떻게 해결할 수 있습니까? 예

396 html  css  width  fluid-layout 

크롬 관리자를 사용하여 z-index트위터 부트 스트랩 팝 오버를 분석하고 매우 실망 스럽습니다 ... 관련 CSS를 평가하고 수정할 수 있도록 팝업을 고정하는 방법이 있습니까 (표시된 동안)? 연결된 링크에 고정 된 '호버'를 배치해도 팝 오버가 나타나지 않습니다.

394 css  google-chrome  google-chrome-devtools