http://anonoz.com/armesh//contact_form/CSS margin-top không hoạt động
Liên kết ở trên hiển thị biểu mẫu liên hệ mà tôi đang tạo. Tôi đang cố gắng làm cho nó giống như hình ảnh ở bên phải. Tôi phải cung cấp cho văn bản "Hãy thử chúng tôi hôm nay" một margin-top
của 20px.
HTML:
<body>
<div id="form_container">
<div id="form_body">
**<span class="form_head">Try us Today</span>**
<br/>
<span class="form_subhead">30 day money back gurantee</span>
<form id="enquiry_form" method="post" action="scripts/contact-form-handler.php">
<input type="text" name="name" id="name" value="Name" />
<input type="text" name="contact" id="contact" value="Contact Number" />
<input type="text" name="e-mail" id="email" value="Email" />
<input id='submit_button' type="submit" value="Get Your Space - NOW" />
</form>
</div>
</div>
<img src="form2.jpg"/>
</body>
CSS:
.form_head {
margin-top: 20px;
color:#58585a;
font-size:22px;
}
CSS nên đã đẩy .form_head
20px xuống so với #form_body
div. Tuy nhiên không có gì xảy ra. Tôi thậm chí đã thử nghiệm với các công cụ phát triển Firebug và Chrome nhưng không nhận được một đầu mối tại sao điều này lại xảy ra. Tôi cũng đã cố gắng thiết lập chiều cao của #form_body
div để phù hợp với chiều cao của biểu mẫu để có chỗ cho .form_head được đẩy xuống nhưng nó vẫn không hoạt động.
Tôi đã được mã hóa trong 3 tháng và tôi thường phải đối mặt với loại vấn đề này. Tôi luôn luôn hack theo cách của tôi bằng cách đơn giản là keying trong một số mã định vị để làm cho nó được thực hiện.
Tuy nhiên, tôi không muốn làm điều tương tự ngày hôm nay, nhưng muốn hiểu tại sao điều này lại xảy ra và cách giải quyết nó theo cách thích hợp. Ai đó có thể vui lòng làm sáng tỏ và dạy tôi về điều này?
Tôi đặt nó trong một khoảng để ngăn chặn kiểu dáng h1, h2 ... mặc định. Tôi luôn luôn sử dụng các phương pháp vị trí để hoàn thành nó, nhưng điều đó giống như việc hack thông qua tôi. Còn cách nào khác không? Quan trọng nhất, tôi muốn biết tại sao nó lại xảy ra? –
Bản sao có thể có của [Tại sao kiểu CSS-margin này không hoạt động?] (Http://stackoverflow.com/questions/9519841/why-does-this-css-margin-top-style-not-work) –