«css-float» 태그된 질문

CSS float 속성을 사용하여 컨테이너의 왼쪽 또는 오른쪽에 요소를 배치합니다.

18
다른 div 안에 3 개의 div (왼쪽 / 가운데 / 오른쪽)를 정렬하는 방법은 무엇입니까?
컨테이너 div 안에 3 개의 div를 정렬하고 싶습니다. [[LEFT] [CENTER] [RIGHT]] 컨테이너 div의 너비는 100 % (설정 너비 없음)이며 컨테이너의 크기를 조정 한 후 가운데 div가 가운데에 유지되어야합니다. 그래서 나는 설정했다 : #container{width:100%;} #left{float:left;width:100px;} #right{float:right;width:100px;} #center{margin:0 auto;width:100px;} 그러나 그것은 다음과 같습니다 : [[LEFT] [CENTER] ] [RIGHT] 팁이 있습니까?
12
플로팅 요소를 가운데에 배치하려면 어떻게합니까?
페이지 매김을 구현하고 있으며 중앙에 배치해야합니다. 문제는 링크가 블록으로 표시되어야하므로 플로팅되어야한다는 것입니다. 그러나 text-align: center;그들에게는 효과가 없습니다. 왼쪽에 래퍼 div 패딩을 제공하면 얻을 수 있지만 모든 페이지에는 다른 수의 페이지가 있으므로 작동하지 않습니다. 내 코드는 다음과 같습니다. .pagination { text-align: center; } .pagination a { display: block; width: 30px; height: …
354 css-float  center  css 
6
왼쪽으로 뜨다; vs 디스플레이 : 인라인; vs 디스플레이 : 인라인 블록; vs 디스플레이 : 테이블 셀;
내 질문 전문 웹 디자이너가 선호하는 방법은 무엇입니까? 웹 사이트를 그릴 때 웹 브라우저가 선호하는 방법이 있습니까? 이것은 모두 개인적인 취향입니까? 내가 놓친 다른 기술이 있습니까? 참고 : 위의 질문은 다중 열 레이아웃 디자인과 관련이 있습니다. 왼쪽으로 뜨다; http://jsfiddle.net/CDe6a/ 이것은 열 레이아웃을 만들 때 항상 사용하는 방법이며 제대로 작동하는 것 …
281 html  css  css-float 
10
div 내에 떠있는 요소는 div 외부에 떠 있습니다. 왜?
당신이이 말 div그것을 명확한주고, width내 경우에, 그 안에 넣어 요소를 img다른 div. 콘테이너의 내용물은 div콘테이너 div가 늘어나고 내용의 배경이 될 것이라는 아이디어입니다 . 그러나이 작업을 수행 div하면 비 부동 객체에 맞게 포함이 축소되고 부동 객체가 완전히 또는 절반으로 절반으로 줄어들어 큰 크기와 관련이 없습니다 div. 왜 이런거야? 내가 부족 뭔가가, …
274 css  html  css-float 
10
CSS 플로트를 한 줄로 유지하려면 어떻게합니까?
float: left왼쪽의 항목을 사용하여 동일한 줄에 두 개의 항목을 갖고 싶습니다 . 나는 이것을 혼자 달성하는 데 아무런 문제가 없습니다. 문제는 브라우저 크기를 매우 작게 조정하더라도 두 항목 이 같은 줄에 유지 되기를 원한다는 것 입니다. 아시다시피 ... 테이블과 같은 방식입니다. 목표는 무엇을하든 오른쪽에있는 물품이 포장 되지 않도록하는 것 입니다. …
7
플로팅 요소가 포함 된 컨테이너 요소의 높이가 증가하지 않는 이유는 무엇입니까?
높이와 플로트가 어떻게 작동하는지 묻고 싶습니다. 외부 div와 내용이있는 내부 div가 있습니다. 높이는 내부 div의 내용에 따라 다를 수 있지만 내 내부 div가 외부 div를 오버플로하는 것처럼 보입니다. 올바른 방법은 무엇입니까? <html> <body> <div style="margin:0 auto;width: 960px; min-height: 100px; background-color:orange"> <div style="width:500px; height:200px; background-color:black; float:right"></div> </div> </body> </html> 코드 스 …
210 html  css  css-float 
8
그리드 / 타일 뷰를 만드는 방법?
예를 들어 클래스 .article이 있고이 클래스를 그리드보기로보고 싶습니다. 그래서 나는이 스타일을 적용했습니다 : .article{ width:100px; height:100px; background:#333; float:left; margin:5px; } 이 스타일은 .article을 타일 / 그리드처럼 보이게합니다. 고정 된 높이로 잘 작동합니다. 그러나 높이를 자동으로 설정하려면 (그 안의 데이터에 따라 자동으로 늘림) 그리드가 불쾌하게 보입니다. 그리고 나는 이것을 다음과 같이 …
5
CSS에서 display : inline-block 대 float : left 사용의 장점
일반적으로 여러 개 DIVs를 연속으로 원할 때를 사용 float: left하지만 이제는display:inline-block 여기에 링크 예 . 그 날 것으로 보인다 display:inline-block더 좋은 방법이다 align DIVs연속, 그러나 어떤 단점이있다? 이 접근 방식이 float트릭 보다 덜 인기있는 이유는 무엇 입니까?
127 css  css-float  html 
5
오른쪽 부동과 절대 위치가 함께 작동하지 않습니다.
div가 항상 부모 div의 오른쪽에 있기를 원하므로 float:right. 효과가있다. 하지만 삽입 할 때 다른 콘텐츠에 영향을주지 않기를 원하므로 position:absolute. 이제 float:right작동하지 않습니다. 내 div는 항상 상위 div의 왼쪽에 있습니다. 오른쪽으로 이동하려면 어떻게해야합니까?
126 css  css-float  position 
8
DIV를 서로 쌓아 두나요?
다음과 같이 여러 DIV를 쌓을 수 있습니까? <div> <div></div> <div></div> <div></div> <div></div> </div> 모든 내부 DIV가 동일한 X 및 Y 위치를 갖도록? 기본적으로 그들은 모두 서로 아래로 이동하여 마지막 이전 DIV의 높이만큼 Y 위치를 증가시킵니다. 나는 어떤 종류의 플로트 또는 디스플레이 또는 다른 트릭이 물릴 수 있다고 생각합니까? 편집 : …
115 css  html  stack  css-float 
11
콘텐츠가없는 div에 너비를 지정하는 방법은 무엇입니까?
에 너비를 추가하려고하는데 div내용이 없기 때문에 문제가 발생한 것 같습니다. 지금까지 내가 가지고있는 CSS와 HTML이 있지만 작동하지 않습니다. CSS body{ margin:0 auto; width:1000px } ul{ width:800px; } ul li{ clear:both; } .test1{ width:200px; float:left; } HTML <body> <div id="test"> <ul> <li> <div class="test1">width1</div> <div class="test1">width2</div> <div class="test1">width3</div> </li> <li> <div …
110 html  css  width  css-float 
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.