Tìm kiếm
0398.259.259
Liên hệ
Blog
Kiến thức về website
Kiến thức SEO website
Kiến thức HTML
Kiến thức CSS
Kiến thức PHP
Kiến thức MySQL
Kiến thức JavaScript
Kiến thức JQuery
Tên miền
Hosting
Thiết kế website
Giới thiệu
Trang chủ
Trang chủ
Giới thiệu
Thiết kế website
Hosting
Tên miền
Blog
Kiến thức về website
Kiến thức SEO website
Kiến thức HTML
Kiến thức CSS
Kiến thức PHP
Kiến thức MySQL
Kiến thức JavaScript
Kiến thức JQuery
Liên hệ
Thiết Kế Website
Chạy thử Ví dụ Thuộc tính float trong CSS
Chạy thử Ví dụ Thuộc tính float trong CSS
Chạy thử Ví dụ Thuộc tính float trong CSS
Tự code rồi chạy thử...
Chạy Thử
<!DOCTYPE html> <html> <head> <title>Chạy thử Ví dụ Thuộc tính float trong CSS</title> <style> * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} div, header, footer{background:red; color:#fff} header{width:100%;height:40px; margin-bottom:10px} section {width:100%;height:auto;margin-bottom:10px} div{width:49%;height:100px;} footer{width:100%;height:40px;} h1,p{width:100%; float: left; height: auto;} </style> </head> <body> <h1>Chạy thử Ví dụ Thuộc tính float trong CSS</h1> <p>Dùng để canh phần tử HTML nằm bên trái hoặc canh phần tử HTML nằm bên phải, giúp giao diện website được tổ chức theo khung trải dài từ trên xuống dưới, từ trái qua phải:</p> <header style="float:left;">header (float:left;)</header> <section style="float:left;"> <div style="float:left;">Khung chính trái (float:left;)</div> <div style="float:right;">Khung chính phải (float:right;)</div> </section> <footer style="float:left;" >footer (float:left;)</footer> </body> </html>
<!DOCTYPE html> <html> <head> <title>Chạy thử Ví dụ Thuộc tính float trong CSS</title> <style> * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} div, header, footer{background:red; color:#fff} header{width:100%;height:40px; margin-bottom:10px} section {width:100%;height:auto;margin-bottom:10px} div{width:49%;height:100px;} footer{width:100%;height:40px;} h1,p{width:100%; float: left; height: auto;} </style> </head> <body> <h1>Chạy thử Ví dụ Thuộc tính float trong CSS</h1> <p>Dùng để canh phần tử HTML nằm bên trái hoặc canh phần tử HTML nằm bên phải, giúp giao diện website được tổ chức theo khung trải dài từ trên xuống dưới, từ trái qua phải:</p> <header style="float:left;">header (float:left;)</header> <section style="float:left;"> <div style="float:left;">Khung chính trái (float:left;)</div> <div style="float:right;">Khung chính phải (float:right;)</div> </section> <footer style="float:left;" >footer (float:left;)</footer> </body> </html>
Chạy thử Ví dụ Thuộc tính float trong CSS
nằm trong bài viết
Thuộc tính float trong CSS
Chỉ Đường
Gọi điện
