위에서 div를 사용하려고합니다. 각 사각형 (하나는 길고 오른쪽은 사각형)은 하나의 단위 여야합니다. 그것은 div 안에 div가되어야 하는가? (나는 분명히 이렇게 새로운 어떤 도움을 주셔서 감사합니다!). 프레임의 크기는 .. 나는 "프레임"당신의 컨테이너 div div에 확인하고 설정합니다
0
A
답변
0
<body>
<div id="frame">
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>
<div id="divSettings"></div>
</div>
</body>
(스타일 시트의 각 사업부의 제작 국경을) 고정하지만 신축성이 될해서는 안 모든 다른 DIV 플로트 사용의 :. 오른쪽 플로트 "왼쪽, BR 태그 및 widht = XX % 특성을
0
내가 %로 div의 내 div의, 폭을 사용
something like this을 만들 것
및 float:right
오른쪽
/* HTML */
<div id="frame">
<div class='row'><div class='inner'></div></div>
<div class='row'><div class='inner'></div></div>
<div class='row'><div class='inner'></div></div>
<div class='row'><div class='inner'></div></div>
<div id="divSettings"></div>
</div>
/* CSS */
#frame {
width: 350px;
height: 460px;
}
.row {
height:100px;
width: 100%;
}
.inner {
float: right;
width: 33%;
height:100%;
border-left:1px solid black;
}
#divSettings {
height: 50px;
width:100%;
}
div:not(.inner) {
border: 1px solid black;
}
참고 : frame
의 높이를 설정하는 경우, 추가 된 높이를 포함하는 것을 잊지 않는 내부 div의가 있다고 상단과 하단에있는 국경
0
<div class="left" style="float:left; width:70%">
<div class="left1">left 1</div>
<div class="left1">left 2</div>
<div class="left1">left 3</div>
</div>
<div class="right" style="float:right; width:30%">
<div class="right1">right 1</div>
<div class="right1">right 2</div>
<div class="right1"> right3</div>
</div>
<div class="footer" style="clear:both;">footer
</div>
0
관련 문제
- 1. Android에서 게터와 설정자를 사용하는 간단한 프레임 워크
- 2. 간단한 파이썬 MVC 프레임 워크
- 3. Redis를 사용하는 프레임 워크
- 4. QuickCheck2를 사용하는 간단한 테스트 프레임 워크 예제를 제공하십시오.
- 5. 간단한 xml 프레임 워크 : 값으로 innerxml을 유지
- 6. 간단한 대량 데이터 지속성 프레임 워크
- 7. 간단한 Java "서비스 제공 업체 프레임 워크"?
- 8. 술어를 사용하는 엔티티 프레임 워크
- 9. 스레딩을 사용하는 엔티티 프레임 워크
- 10. macruby와 호환되는 간단한 지속성 프레임 워크?
- 11. 간단한 XML 프레임 워크 파서 문제 안드로이드
- 12. Play! 프레임 워크 - 간단한 HTML 링크 만들기
- 13. 간단한 HTML 컨트롤을 생성하기위한 프레임 워크/아키텍처
- 14. Compact Framework - 간단한 GUI 프레임 워크?
- 15. 간단한 gumby CSS 프레임 워크 자습서
- 16. 간단한 HTTP 프레임 워크 및 시간 문제
- 17. 엔티티 프레임 워크 유창함 API는지도로 간단한 관계
- 18. android에서 간단한 XML 프레임 워크, 클래스 속성
- 19. 자바를위한 최고의/가장 간단한 미디어 프레임 워크
- 20. 작고 간단한 웹 앱을위한 프레임 워크/제안
- 21. 로봇 프레임 워크 및 SeleniumLibrary 간단한 예제
- 22. 온라인 상점을위한 가장 간단한 프레임 워크/플랫폼
- 23. 엔티티 프레임 워크 몇 가지 간단한 질문들
- 24. 간단한 자바 서비스 발견 프레임 워크
- 25. Java에서 간단한 2D 애니메이션을위한 프레임 워크/라이브러리?
- 26. 간단한 XML 프레임 워크 : XML 구조 문제
- 27. 역사가있는 프레임 워크 양식
- 28. 젠드 프레임 워크 구성 요소를 사용하는 방법
- 29. Node.js : 프레임 워크 또는 프레임 워크 없음?
- 30. 엔티티 프레임 워크 상속을 사용하는 Automapper
문제가 해결 되었습니까? –