이미지의 너비에 맞는 래핑 div로 컨테이너에 맞게 이미지를 만들려고합니다. 이 작업을 성공적으로 수행 할 수 있지만 이미지의 최대 너비를 100 %로 설정하면 IE9/IE8에서 작동하지 않습니다 (이미지가 최대 너비로 표시됨). Chrome에서 잘 작동합니다. 래퍼 div가 인라인 블록으로 설정되어 있지 않으면 최대 너비가 작동합니다. 나는 두 요소를 함
나는 반응이 좋고 싶은 사이트를 만드는 중입니다. 나는 이것을 돕기 위해 트위터 부트 스트랩을 사용하고있다. 나는 그 중 대부분을 작동시킬 수 있었지만 사이트 내의 몇 가지 요소는 공을 가지고 있지 않습니다. 지금은 아마 그냥 분명히 실종하지만, 누군가가 내가 잘못 놓았다는 것을 지적 할 수 있다면 그것을 고맙게 생각할 것입니다. 1) 나는 문제를 교정 할
트위터 부트 스트랩을 유체 격자로 사용하여 오프셋 요소를 올바르게 수직으로 정렬하려고합니다. http://imgur.com/IkB2G 이 내 코드 현재 실제 위치입니다 : : 빨간색 상자를 고려 , 이것은 시도 DIV의 위치입니다 (참고 : 그리드 30 개 컬럼에 정의됩니다) 여기 http://imgur.com/oJ2mG 내가 사용하고있는 코드입니다 . 낮
메모 나 메모를 놓친 것처럼 느껴집니다. 유동적 인 레이아웃과 그리드 레이아웃이 동일한 것입니까? 내가 계속 듣고있는이 기준선은 무엇입니까? 기본 단어가 모든 단어와 그림을 정렬하기 위해 만드는 것과 비슷합니까? 단순히 플로팅/지우기 및 백분율 너비 사용과 다른 점은 무엇입니까? 이것은 방금 개정 된 용어입니까?
그래서 유동적 인 웹 페이지가 있습니다. 이 폭 부모 DIV있다 : 100 %, 스타일과 이미지 내부 : <div>
<img src="image.png" alt="" />
</div>
<style>
div{ width:100% }
img{
display: block;
margin: auto;
는 여기 볼 수 있습니다 레이아웃 설정이 있습니다 http://jsfiddle.net/Pn3ts/ 그것은 모두가 잘 작동을하지만 난 훨씬 주위 최대/최소 폭을 설정해야합니다. 이렇게 나는 클래스에 position: relative;을 추가 할 것이라고 가정합니다. 그러나 내가 이것을한다면 각 .col의 배경이 무너지는 것 같습니다. (여기를 참조하십시오 :
을 통해 확장 I 다음 HTML & CSS를 가지고 : 당신은 창 크기, 빨간색 상자를 줄이고 텍스트 때문에 줄 바꿈의 회색 영역에 걸쳐 확장 http://jsfiddle.net/j8aFS/1/. 이 문제를 방지하려면 어떻게해야합니까? 이 문제를 방지 할 수 있습니까? CSS의 white-space: nowrap; 속성을 사용하여 하지만이 이 최선의 해결책
스켈레톤 CSS 상용구부터 시작하겠습니다. http://getskeleton.com/ 960gs 템플릿으로 디자인하고 스크립팅 한 것은 처음이며, 완전히 이해하지 못했습니다. 몇 개의 자습서에 따르면 페이지의 너비가 16 열 단위로 구성된다는 것을 알고 있습니다. 예를 들어, 10 개 단위 열에 페이지를 나눌 수와 여섯 단위 열 : 내가 바로 골격 layo
이 문제의 원인은 확실하지 않지만 유체 레이아웃을 사용하여 상자의 너비가 25 %이고 행당 4 개의 상자가 있습니다. 크기가 조정되면 간헐적 인 오류가 발생하여 4 열이 깨진 두 열로 바뀌는 것을 발견했습니다. 내 비디오보기 : http://cl.ly/0s172D303X1M3H1v161z (브라우저 링크에서보기 클릭). 브라우저 전체에서 문제가 발생하는 것
http://jsfiddle.net/uCwEz/ 내가 동적 맞게 폭을 변경하는 첫 번째와 마지막 DIV 세 div의 (빨간색과 파란색) 고정 폭, 중간 사업부 (녹색)이 필요 페이지 너비를 조정할 때 외부 div간에 완벽하게 일치해야합니다. jsFiddle에서는 고정 너비의 첫 번째 div와 내용을 조정하여이 작업을 완료했으며 세 번째 div를 오른쪽으로