하나의 웹 페이지에 두 개의 양식이 있고 둘 다 제대로 작동합니다. 두 양식의 HTML 코드 순서로 인해 두 번째 양식은 첫 양식 아래에 있습니다. 나는 그들과 나란히, 또는보다 일반적으로 바람직한 위치에 그들을 배치하고 싶다. 양식의 위치를 어떻게 제어 할 수 있습니까? 누구든지 도와 줄 수 있습니까? 미리 감사드립니다.HTML/CSS : 서식을 어떻게 배치합니까?
-6
A
답변
1
를 사용하여 CSS float
:
#form1{
width: 50%; // so that the other form will have space
float: left; // stick to the left
}
#form2{
width: 50%;
float: right;
}
은 또한 폭과 재생을 절감하고,이 형태는 여전히 바로 각각 왼쪽에 충실하고됩니다 수 있습니다.
관련 문제
- 1. 어떻게 TOpenDialog를 배치합니까?
- 2. PHP에서 변수를 어떻게 배치합니까?
- 3. 액세스 백엔드를 어떻게 배치합니까?
- 4. itextsharp : 어떻게 테이블을 배치합니까?
- 5. fic을 수평으로 어떻게 배치합니까?
- 6. 반짝이는 웹에 어떻게 배치합니까?
- 7. 어떻게 단추를 가운데에 배치합니까?
- 8. Rails 애플리케이션을 어떻게 배치합니까?
- 9. 어떻게 리소스를 .EXE에 배치합니까?
- 10. 어떻게 MainView.xib가 아닌 UIWebView를 배치합니까?
- 11. MVC의 레이아웃보기에서 레이아웃보기를 어떻게 배치합니까?
- 12. 어떻게 전체 페이지를 가운데에 배치합니까?
- 13. DevExpress ComboBox에 TreeView를 어떻게 배치합니까?
- 14. div를 헤더 안에 어떻게 배치합니까?
- 15. 아래/중앙에서 단추를 어떻게 배치합니까?
- 16. Sinatra + 콧수염을 Heroku에 어떻게 배치합니까?
- 17. div의 중심을 어떻게 수직으로 배치합니까?
- 18. ccmenuitem의 cclabel 아래에 어떻게 배치합니까?
- 19. Internet Explorer에서 div를 어떻게 배치합니까?
- 20. Eclipse에 Java 프로그램을 어떻게 배치합니까?
- 21. 어떻게 wx.MessageDialog (wxPython)을 배치합니까?
- 22. 어떻게 AngularJS 지시문을 조건부로 배치합니까?
- 23. Visio 정적 커넥터 - 어떻게 배치합니까?
- 24. 프로젝트와 함께 데이터베이스를 어떻게 배치합니까?
- 25. 머리글의 이미지에 텍스트를 어떻게 배치합니까?
- 26. 두 요소를 서로 어떻게 배치합니까?
- 27. JDeveloper를 사용하여 애플릿을 어떻게 배치합니까?
- 28. 이미지를 디스플레이 하단에 어떻게 배치합니까?
- 29. itextsharp : 어떻게 맨 아래에 이미지를 배치합니까?
- 30. 서브 모듈과 함께 레일 애플리케이션을 어떻게 배치합니까?
CSS를 사용하여 위치를 설정하십시오. – Barmar
[CSS (Cascading Style Sheets) ..] (http://en.wikipedia.org/wiki/Cascading_Style_Sheets) – user2864740
ccs 사용 -> '' – Sean