Đây hẳn là CSS rất cơ bản, nhưng dù tôi có cố gắng thế nào đi chăng nữa, chết tiệt div
Nó sẽ không đi đến nơi mà nó phải đến!
Đây là HTML:
Đây là CSS:
div.c_container {float:left;width:100%;text-align:left;}
div.c_container .c_title {float:left;width:100%;text-align:center;line-height:35px;font-weight:bold;margin:20px 0;border-bottom:1px rắn cor01;}
div.c_container .c_data_container {float:left;width:31%;margin:10px 1%;}
vùng văn bản div.c_container, đầu vào div.c_container[type=number], đầu vào div.c_container[type=text], đầu vào div.c_container[type=email], đầu vào div.c_container[type=password] {border:0;width :98%;height:20px;background-color:cor09;padding:3px 5px;bán kính đường viền:5px;}
div.c_container .passreq {float:left;width:96%;margin:5px 2%;text-align:left;font-size:12px;line-height:16px;}
div.c_container input[type=submit] {float:right;padding:5px;border-radius:0;margin:20px 1% 0 0;}
Vì lý do nào đó nó trông như thế này:
Mật khẩu ở bên phải thay vì bên trái. Tại sao? Tôi đã thử sử dụng hiển thị: khối nội tuyến
Nó cũng chẳng có ích gì.
Cảm ơn.
Vì bạn muốn thả nổi tất cả div
, do đó, chiều cao của div (Morada para envio se diferente da F:) ở phía bên trái của "Palavra passe:" lớn hơn "N". Contribuinte' khiến div cuối cùng nổi lên 'Morada para'.
Để giải quyết vấn đề này bạn nênThông thoáng
Nó. Rõ ràng có nghĩa là giới hạn div
Không có phần tử float nào khác được phép ở gần nó.
Để thực hiện việc này, hãy thay đổi mã thành:
Trong CSS:
.thông thoáng {
rõ ràng: cả hai;
}
Giống như cây vĩ cầm này https://jsfiddle.net/h7qmyumr/1/
Nhưng bây giờ vấn đề là bạn không thể để bất kỳ ai khác div
nổi vào nó: Để khắc phục điều này, bạn có thể thêm thông thoáng
lớp học trống rỗng div
, do đó nó sẽ hoạt động như div
Ranh giới giữa các nhóm. Giống như trong câu đố này:
https://jsfiddle.net/h7qmyumr/4/
Tôi là một lập trình viên xuất sắc, rất giỏi!