나는이 정말 흥미로운 것을 발견했습니다. 수레와 클리어 픽으로 어지럽 혔습니다. 3 개의 떠 다니는 div 상자가 들어있는 섹션 (컨테이너)이 있고 컨테이너 붕괴를 피하기 위해이 컨테이너에 clearfix 메서드를 사용합니다. 전후의 것과 같이 빈 내용, 표시 블록 및 모두 지우기. 특별한 것은 없습니다. 이제이 클리어 픽스가 어떻게 위쪽과 아래쪽 여백으로
모눈 요소 아래에서 전체 너비 드롭 다운을 갖는 가장 좋은 방법은 무엇입니까? 내 그리드는 각 항목에 대해 너비가 25 %로 설정되고 항목은 플로트됩니다. 버튼을 클릭하면 하위 항목 (설명)이 상위 행 아래 펼쳐지고 다른 모눈 항목은 아래로 밀어야합니다. 이 일을하는 데 문제가 있습니다. <div class="wrapper" id="content">
나는 다음과 같은 HTML이 : <div class="footer">
<div class="text">
This text float to right
</div>
</div>
다음과 같은 CSS : https://jsfiddle.net/mddc/68tgqxpa/4/ : 여기 .footer {
position: fixe
내 overflow: hidden 컨테이너 내부에 인접한 부유 요소 (주황색 상자)가 포함되어 있지 않습니다. 부유 요소는 컨테이너 (섹션) 옆으로갑니다. 그러나 overflow:hidden을 제거하면 인접한 떠 다니는 요소가 컨테이너 내부로 이동하여 컨테이너의 플로팅 된 자식을 존중합니다. 왜 이런 일이 발생합니까? 블록 서식 지정 컨텍스트와 관련이 있습
나는 움직이지 않는 수레가 있는데, 나는 그 이유를 모른다. 이것은 Chrome 개발자 도구에서 말하는 것입니다. 당신이 볼 수 있듯이, 유일한 플로트 세트 float: right;, 그래서 그것은 특이성의 문제가 아니다. 나는 display을 명시 적으로 설정하고 position: static/relative:을 변경하려고 시도했지만 기억할 수없는 몇 가
나는 간단한 웹 사이트 (tristantrouwen.com)를 가지고 있습니다. 상단에는 3 개의 아이콘이있는 막대가 있습니다. 그들 중 1 명은 떠나야합니다. 나머지 두 개는 맞아. 그러나 두 개의 오른쪽 아이콘은 왼쪽 아이콘보다 낮습니다. HTML : <div class="icon-menu">
<div class="click"><i class=
항목 목록 (li 태그)을 나란히두고 싶지만 작동하지 않습니다. 기본적으로 첫 번째 항목은 왼쪽에 떠 있고 다른 항목은 오른쪽에 떠 다니기를 원하지만 모두 같은 수준입니다. 한 그룹의 목록이 왼쪽에 있고 다른 그룹의 목록이 오른쪽에 있지만 제대로 정렬되지 않았지만 오른쪽 그룹은 왼쪽에있는 그룹과 평행하지 않습니다. (1) 리튬에 n 번째 자녀 : nth-
동적 콘텐츠 (class='inner')가있는 고정 높이의 부동 div (class='outer')을 가지고 있습니다. 내용의 크기는 미리 알 수 없습니다. 플로트 div의 폭은 유연하지만, 여전히 최대 값이 있어야합니다 : 이것은 일반적으로 작동 <style>
.outer {
border: 1px solid;
height: 200px;
일반적으로 플로팅에 관한 문제가 있습니다. 나는 레이아웃으로 잘할 것입니다.하지만 일단 떠 다니기 시작하면 전체 페이지가 이상한 것들을합니다. 나는 계속 진행되는 것에 대한 개념을 더 잘 이해할 필요가 있다고 생각합니다. 여기 html과 css에 대한 제 코드가 있습니다. * {
\t margin: 0;
}
#heading {
\t b
몇 가지 하위 메뉴가있는 간단한 가로 메뉴를 만들고 있습니다. 하지만 하위 항목이 상위 항목의 너비를 존중하도록 노력하고 있습니다. 내가 무슨 말 여기 일부 이미지 : 여기 이야 내가 무엇을 얻을 : Fiddle 를 체크 아웃 : * {
margin: 0;
padding: 0;
}
body {
font-fam