2016-10-18 11 views
5

Khi một biểu mẫu được đặt bên trong div, luôn có thêm không gian ở cuối biểu mẫu vì một lý do nào đó. Làm thế nào để chúng ta thoát khỏi không gian đó?Không gian trắng bí ẩn ở cuối phần tử biểu mẫu

Trong đoạn mã từ ngăn xếp ngăn xếp, nó không thực sự hiển thị không gian, nhưng ở bất kỳ nơi nào khác, nó cũng vậy. Mã dưới đây là tất cả.

div { 
 
    border: 1px solid blue; 
 
} 
 
form { 
 
    border: 1px solid red; 
 
}
<div> 
 
    <form> 
 
    Form 
 
    </form> 
 
</div>

+2

Nếu bạn không thể tạo lại nó ở đây hơn là chúng tôi không thể trợ giúp. Đoán hoang dã của tôi là bạn có một số lợi nhuận được định nghĩa ở đâu đó trong css của bạn. Bạn có thể sử dụng các công cụ phát triển để kiểm tra css tính toán và xem nơi lề/đệm này đến từ –

+0

Hoặc nó có thể là một phần của các kiểu mặc định cho trình duyệt của bạn. Bạn có thể muốn xem xét việc đặt lại CSS. – Jacob

+1

@ItayGal Mã là tất cả ở đây. Nó chỉ là một cái gì đó với đoạn mã stackoverflow rằng những điều chính xác như thế, khi nó không được sửa chữa bất cứ nơi nào khác. Đây là một liên kết đến trang có sự cố: http://chatwithibot.com/testx.php – frosty

Trả lời

0

Bạn có một margin-bottom: 16px. Loại bỏ nó và nó sẽ giải quyết vấn đề của bạn.

+0

Điều đó phải theo mặc định. Bởi vì tôi không định nghĩa nó trong HTML. – frosty

+0

Bạn có thể đặt lại CSS và xác định tất cả các phần đệm/lề. http://cssreset.com/what-is-a-css-reset/ –

4

Bạn có thể tham khảo công cụ phát triển web (F12), và bạn sẽ thấy rằng một yếu tố form đi kèm với một margin-bottom: 1em, theo quy định tại browser's default stylesheet:

enter image description here

Bạn có thể ghi đè lên rằng bằng cách định nghĩa quy tắc ký quỹ của riêng bạn:

form { margin-bottom: 0; } 
Các vấn đề liên quan