Câu hỏi đầu tiên, tôi bắt đầu làm việc trên CSS khoảng một tháng trước do công việc tôi nhận được, nhưng có vẻ như tôi đã gặp phải một số vấn đề mà tôi không thể khắc phục được (chủ yếu là do sự thiếu kinh nghiệm của tôi và CSS của người khác)Nội dung của người mới bắt đầu: Làm cách nào để ngăn chặn các 'Divs CSS' trùng lặp?
Tôi sẽ không đánh bại nhiều bụi cây và giải thích vấn đề trước khi hiển thị mã. Có một tập hợp Div trong một thiết lập giống như hình thức, nhưng khi văn bản nhận được quá đông đúc nó xâm nhập Div tiếp theo như vậy, sửa chữa nó thông qua CSS và không HTML, bất kỳ sửa chữa về điều này? Từ chính vấn đề này, tôi có thể tưởng tượng nó là một thứ rất dễ dàng, nhưng thật tuyệt, đúng vậy.
Chỉnh sửa: Tôi không quên đề cập đến phần đó, tôi không muốn chúng bị ẩn, tôi muốn mỗi div tự động cho phép "trước" kết thúc nó tập trung mà không chồng chéo (Đã thử với tràn: Tự động nhưng nó đã cho họ cuộn, cho tất cả các hình thức trong toàn bộ trang web.
Dưới đây là một pic của nó trông như thế vào lúc này, tôi chắc chắn bạn sẽ thấy những vấn đề ngay lập tức
Đây là HTML có liên quan
<html>
<head>
<link href="hue.css" rel="stylesheet">
</head>
<body>
<div class="content">
<div class="column">
<div class="form">
<div class="form-nivel">
<label for="cfdiCreate:organizationRfc">RFC</label><label id="cfdiCreate:organizationRfc">XXXXXXXXXXXX</label>
</div>
<div class="form-nivel">
<label for="cfdiCreate:organizationTaxSystem">Regimen fiscal</label><label id="cfdiCreate:organizationTaxSystem">Sueldos y salarios</label>
</div>
<div class="form-nivel">
<label for="cfdiCreate:organizationTaxAddress">Domicilio fiscal</label><label id="cfdiCreate:organizationTaxAddress">XXXXXX Colonia Tecnológico Monterrey,Nuevo León,México.C.P.XXXXXX</label>
</div>
<div class="form-nivel">
<label for="cfdiCreate:organizationExpeditionPlace">Lugar de expedición</label><label id="cfdiCreate:organizationExpeditionPlace">Suc.1 Chiapas,México. </label>
</div>
</div>
</div>
<div class="column secondary">
<!--?xml version="1.0" encoding="UTF-8"?-->
</div>
</body>
</html>
Và đây là CSS
body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
}
p {
text-align: left;
}
.content {
display: block;
width: 100%;
height: auto;
margin-bottom: 10px;
float: left;
background: #;
text-align: left;
}
.content label, .content p {
font-size: 16px;
color: #024DA1;
padding-left: 2%;
}
.column {
display: block;
float: left;
width: 48%;
margin-top: 15px;
height: auto;
background:;
}
.secondary {
margin-left: 10px;
}
.clearfix {
clear: both;
margin-bottom: 10px;
}
.form {
display: block;
width: 96%;
height: auto;
background:;
}
.form-nivel {
display: block;
width: 100%;
width: 470px;
min-height: 20px;
margin-bottom: 20px;
position: relative;
}
.form-nivel label {
width: 160px;
float: left;
height: 20px;
line-height: 20px;
margin-right: 10px;
text-align: right;
}
Bạn đang tìm giải pháp nào? Bạn có muốn ẩn văn bản thừa không? Bạn có muốn nó quấn? Bạn đang mong đợi cái gì khác? –
Tôi đã quên đề cập đến phần đó, tôi không muốn chúng bị ẩn, tôi muốn mỗi div tự động cho phép "trước" kết thúc nó tập trung mà không chồng chéo (Đã thử với tràn: Tự động nhưng nó đã cho chúng thanh cuộn – Xionico