안녕, 은 정말 혼란 스러워요 그 HTML 페이지의 일부 스크린 샷으로 그리드를 표시하는 이유. 새 라인에 들어가고있는 것 같습니다. 아래는 내가 사용하는 CSS입니다. .woocommerce ul.products li.product,.woocommerce-page ul.products li.product{
float:left;
paddi
float 특성을 사용하는 동안 두 div 요소는 서로 인접 해 있지만 두 단락 요소는 서로 인접하지 않습니다. 오히려 'p'요소는 이상한 결과를 던집니다. 또한 두 개의 'div'요소와 두 개의 'p'요소를 플로팅 할 때 결과가 더 잘 맞춰집니다. 내 3 개 코드 예제는 설명 할 수 있습니다 코드 1 : (참고 :. 제 3 코드에 대한 링크는 아래에있는
그래서 100vh 인 웹 사이트에 영웅 이미지를 사용하고 있습니다. 이제 이미지가 절대적으로 배치되므로 로고, 탐색 및 텍스트와 같은 다른 요소를 상대적으로 배치 할 수 있습니다. 이 섹션을 끝내고 새 이미지 및 기타 텍스트로 새 섹션을 시작하고 싶지만 일단 새로운 행, 열을 시작하고 h1 텍스트로 새 이미지를 넣으려고하면 이전 이미지 뒤에 숨어 있습니다.
죄송합니다. 이미 답변을 드린 경우이를 찾아 보았습니다. 12 열의 반응 형 레이아웃을 만들려고합니다. 모든 열은 왼쪽으로 떠 있습니다. 문제는 너비가 100 % 인 행을 만들었다는 것입니다. 나는 밑에 두 개의 기둥이 필요했다. 열 1 : 내가 행 아래에있는 2 열 배치 데모 을위한 모든 요소를해야합니다 앵커 열 2, 네비게이션 메뉴이어야한다. 열 1은
CSS에서 "float"속성을 사용하는 문제가 발생했습니다. 페이지 상단에 10 픽셀의 여백이 발생합니다. 어떻게 고칠 수 있습니까? = "background1" 작동하지 않는 ID를 가진 부모 DIV에 PS.Adding 빈 사업부는 또한이 기사 https://css-tricks.com/all-about-floats/을 읽을 수는 있지만 body{
나는 지우기에 대해 배우기 위해 간단한 양식을 정의했다. '제출'버튼이 다음 줄로 진행되지 않는다는 것에 놀랐습니다. 명확한 내 이해 : 둘 다 명확하게 적용되는 요소의 왼쪽이나 오른쪽에 떠 다니는 요소가 없어야한다는 것입니다. 이 정의를 감안할 때 입력 및 레이블에 명확한 내용을 적용 했으므로 Submit을 사용하여 마지막 줄을 옮길 것으로 기대했습니다.
나는 플로트 두 블록은 한 : [Block A] [Block B]
또는 [Block A]
[Block B]
두 사례를 구별하기위한 CSS 셀렉터가 있습니까 : 디스플레이가 페이지 너비에 따라 달라집니다 그래서 왼쪽? 예를 들어이 될 수 .block:below { margin-left: 20px; }
다음과 같은 문제가 있습니다. 두 개의 열에 이미지 갤러리를 표시하고 싶습니다. 이미지의 높이가 다릅니다. 나는 열 개수와 함께 석공 술 방법을 사용해 보았습니다. 그 위대한 작동하지만 문제는 사이트 크기가 조정되면 즉시 응답해야하기 때문에 그것은 1 열에 everthing 보여줍니다 ..하지만 이미지는 행보다는 열을 사용하여 같은 순서로되지 않습니다 ..
제 이해는 div with clear : both; 그것의 양쪽에 위치하는 어떤 부동 형제 div도 가지지 않을 것입니다. 이 예제에서는 세 형제가 있고, 오버플로가있는 컨테이너 div의 부동 div가 왼쪽에 있습니다. 그들 모두가 나란히있을 충분한 공간이 있습니다. 아래의 jsfiddle 링크. 내가 적용 할 때 : 중간 div 모두 예상대로 다음 줄로
.col-md-auto:first-child:nth-last-child(3),
.col-md-auto:first-child:nth-last-child(3) ~ .col-md-auto {
width: 33.3333%;
}
나는 웹 사이트의 소스 코드에서이 CSS를 발견하고 실제적으로 무슨 일이 일어 났는지 짐작하기 위해 열심히 노력했습니다.