DIV Tạo tương đối vị trí trong Adobe CS5 Dreamweaver - núm vú

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver hỗ trợ tạo và chỉnh sửa DIVs sử dụng định vị tương đối . Định vị tương đối DIVs cho phép một phần tử được chuyển cùng với nội dung xung quanh nó, làm cho bố cục lỏng hơn. Loại định vị này rất quan trọng đối với nội dung lồng nhau hoặc bất kỳ tình huống nào mà các mục nên rơi phù hợp với nội dung trang khác.

Sử dụng công cụ Insert Div Tag, có thể được tìm thấy trong các danh mục Chung và Giao diện của bảng chèn để tạo hoặc chỉnh sửa một DIV tương đối.

1. Nhấp vào bên trong trang của bạn để định vị con trỏ bên trong một Dàn AP hiện có và sau đó nhấp vào công cụ Insert Div Tag trong các danh mục Chung và Giao diện của nhóm Chèn.

2. Khi hộp thoại Insert Div Tag xuất hiện, tinh chỉnh vị trí của DIV mới bằng cách chọn một vị trí từ danh sách Insert thả xuống.

   Ví dụ: chọn Sau khi bắt đầu Thẻ để đặt nó trong thẻ DIV hiện có trong trang của bạn.

   Bạn cũng có thể sử dụng danh sách thả xuống của Hộp thoại chèn thẻ để đặt các DIV trước, sau hoặc bên trong các phần tử hiện có trên trang. Để danh sách thả xuống Chèn được đặt là Điểm chèn vào để rời khỏi hộp nơi bạn đã vẽ hoặc chọn vị trí khác nơi bạn muốn tạo DIV.

   

   Chọn vị trí cụ thể để tạo và đặt DIV mới.

1. Nếu bạn có một bộ chọn lớp hiện có mà bạn muốn áp dụng, hãy chọn nó từ danh sách Class drop-down; nếu không, để trống.

2. Chỉ định bộ chọn ID cho DIV để kiểm soát sự xuất hiện của nó bằng cách chọn từ danh sách thả xuống ID.

   Nếu không có, hãy nhập tên mới và nhấp vào nút Quy tắc CSS mới để tạo một tên.

3. Khi hộp thoại Quy tắc CSS mới xuất hiện, hãy chắc chắn rằng bộ chọn mới của bạn được đặt thành ID và tên đó có một dấu hiệu (#) ở phía trước của nó. Nhấp OK.

4. Khi hộp thoại Định nghĩa Quy tắc CSS xuất hiện, hãy nhấp và chọn Định vị từ danh mục Danh mục ở bên trái để xem thuộc tính định vị CSS.

5. Trong vùng Định vị, chọn Quan hệ từ trình đơn Vị trí, nhập giá trị chiều rộng và chiều rộng vào các hộp văn bản Chiều rộng và Chiều cao, sau đó bấm OK.

6. Nhấn OK để đóng hộp thoại Insert Div Tag.

   Một DIV mới, tương đối được hiển thị với văn bản giữ chỗ.

   

   Bạn có thể tạo một DIV mới trong DIV khác.