css 16

어떻게 하면 디브가 남은 수평 공간을 채우게 할 수 있습니까?

어떻게 하면 디브가 남은 수평 공간을 채우게 할 수 있습니까? 저는 2개의 디브를 가지고 있습니다. 하나는 제 페이지의 왼쪽에 있고 하나는 오른쪽에 있습니다.왼쪽에 있는 것은 너비가 정해져 있고, 오른쪽에 있는 것이 남은 공간을 채워주길 바랍니다. #search { width: 160px; height: 25px; float: left; background-color: #ffffff; } #navigation { width: 780px; float: left; background-color: #A53030; } Text Navigation 제가 부슐리의 답변에서 발견한 문제는 오른쪽 열이 왼쪽 열보다 길면 왼쪽 열을 감싸고 전체 공간을 다시 채우는 것입니다.이것은 제가 찾던 행동이 아닙니다.많은 '솔루션..

programing 2023.08.07

H1 텍스트를 로고 이미지로 대체: SEO 및 접근성을 위한 최선의 방법?

H1 텍스트를 로고 이미지로 대체: SEO 및 접근성을 위한 최선의 방법? 몇 가지 다른 기술들이 있는 것 같아요. 그래서 저는 이것에 대한 "확정적인" 대답을 얻고 싶었습니다. 웹 사이트에서는 홈 페이지에 연결되는 로고를 만드는 것이 일반적입니다.저는 검색 엔진, 화면 판독기, IE 6+ 및 CSS 및/또는 이미지를 비활성화한 브라우저에 최적화하면서 동일한 작업을 수행하고 싶습니다. 예 1: h1 태그를 사용하지 않습니다.SEO한테 별로 좋지 않죠? 예 2: 이것을 어딘가에서 찾았습니다.CSS는 좀 엉성해 보입니다. Stack Overflow /* css */ #logo { padding: 70px 0 0 0; overflow: hidden; background-image: url("logo.png")..

programing 2023.08.02

내용에 셀 너비 맞춤

내용에 셀 너비 맞춤 다음 마크업을 고려할 때, 어떻게 CSS를 사용하여 하나의 셀(열에 있는 모든 셀)이 확장(기본 동작)이 아닌 콘텐츠 폭에 맞도록 할 수 있습니까? td.block { border: 1px solid black; } this should stretch this should stretch this should be the content width 저는 너비를 하드 코딩할 수 있다는 것을 알지만, 저는 그렇게 하지 않는 것이 낫습니다. 왜냐하면 그 열에 들어갈 내용은 동적이기 때문입니다. 아래 이미지를 보면 첫 번째 이미지는 마크업이 만들어내는 이미지입니다.두 번째 이미지는 제가 원하는 것입니다. 당신의 질문을 이해할 수 있을지 모르겠지만 시도해 보겠습니다. td { border: 1p..

programing 2023.08.02

Div 너비 100% - 고정 픽셀 수

Div 너비 100% - 고정 픽셀 수 테이블이나 자바스크립트를 사용하지 않고 어떻게 다음 구조를 달성할 수 있습니까?흰색 테두리는 div의 가장자리를 나타내며 질문과 관련이 없습니다. 중간에 있는 영역의 크기는 다양하겠지만 정확한 픽셀 값을 가질 것이고 전체 구조는 그 값에 따라 확장되어야 합니다.이를 단순화하기 위해 "100% - npx" 너비를 상위-중간 및 하위-중간 div로 설정하는 방법이 필요합니다. 깨끗한 크로스 브라우저 솔루션을 사용해 주시면 감사하겠습니다만, 가능하지 않을 경우 CSS 해킹으로 충분합니다. 여기 보너스가 있습니다.또 다른 구조로 고민하다 결국 표나 자바스크립트를 사용하게 됩니다.약간 다르지만 새로운 문제가 발생합니다.저는 주로 jQuery 기반 윈도우 설정 시스템에서 사용..

programing 2023.08.02

"+" (+ 기호) CSS 선택기는 무엇을 의미합니까?

"+" (+ 기호) CSS 선택기는 무엇을 의미합니까? 이 질문의 답은 공동체의 노력입니다.기존 답변을 편집하여 이 게시물을 개선합니다.현재 새 답변이나 상호 작용을 허용하지 않습니다. 예: p + p { /* Some declarations */ } 무슨 일인지 모르겠어요+의미합니다. 이것과 단지 스타일을 정의하는 것과 무엇이 다릅니까?p없이.+ p?W3.org 의 인접 셀렉터를 참조하십시오. 이 경우 선택기는 스타일이 다른 문단 바로 뒤에 있는 문단에만 적용됨을 의미합니다. 평원p선택기는 페이지의 모든 단락에 스타일을 적용합니다. 이것은 IE7 이상에서만 작동합니다.IE6에서 스타일은 어떤 요소에도 적용되지 않습니다.이는 또한 다음과 같습니다.>그나저나, 콤비네이터. Internet Explorer의..

programing 2023.06.03

부트스트랩 열의 높이를 모두 동일하게 만들려면 어떻게 해야 합니까?

부트스트랩 열의 높이를 모두 동일하게 만들려면 어떻게 해야 합니까? 저는 부트스트랩을 사용하고 있습니다.어떻게 하면 세 개의 기둥을 모두 같은 높이로 만들 수 있습니까? 여기 문제의 스크린샷이 있습니다.파란색과 빨간색 기둥의 높이가 노란색 기둥의 높이와 같았으면 좋겠습니다. 코드는 다음과 같습니다. some content catz some more content 최신 솔루션(2022) 부트스트랩 4 또는 5를 사용하는 솔루션 4 부트스트랩 4와 5는 기본적으로 Flexbox를 사용하므로 추가 CSS가 필요하지 않습니다. 데모 some content catz some more content 마이너스 마진을 사용하는 솔루션 1(대응성을 저해하지 않음) 데모 .row{ overflow: hidden; } [c..

programing 2023.06.03