27
4
我在 css 方面非常糟糕，只能靠 SO 答案来解决 - 但是我找不到针对这个特定问题的任何解释。
我有一个表单，其中包含一个 vùng văn bản và một cái nút(input/submit)，仅此而已，我正在尝试让vùng văn bản 填充整个屏幕，除了屏幕最底部的按钮占用的 30px，所以它看起来像这样:
我正在尝试使用 this answer 中描述的 flex 来实现这一点.
我的 body 现在是这样的:
Trung tâm cá nhân
Điều phát hành
từ bỏ
我的 btn1 Và box1 类应用 width:100%; height:100%; 在这两个元素上，一些基本的颜色样式、填充和字体更改，以及 1px 边框。
我剩下的 CSS 看起来像这样
html,body { height:100%; margin:0; }
.box { display:flex; flex-flow:column; height:100%; width:100%; }
.row.header { flex: 0 0 auto; }
.row.content { flex: 1 1 auto; }
.row.footer { flex: 0 0 30px; }
它不起作用，取决于 form 的样式，它要么填充页面的一小部分，要么两个元素各自占据整个页面。
然而，当我从我的 html 中完全删除 form 标签时，一切都会自行修复，并且它的显示和行为完全符合我的预期。
tôi cố gắng form 标签的样式设置为与 html,body 相同，还尝试将其设置为 hidden，显示为 block Và khối nội tuyến 等，但我似乎无法让它不影响任何东西。
有没有办法让 form 标签完全不影响样式？
câu trả lời hay nhất
form 标签必须是 flex 容器，而不是 .box DIV(.box 的唯一子元素是 form 元素，这样就没有意义了):
html,
thân hình {
chiều cao: 100%;
lề: 0;
}
.hộp {
chiều cao: 100%;
}
form {
hiển thị: linh hoạt;
flex-flow: column;
chiều cao: 100%;
chiều rộng: 100%;
}
.row.header {
flex: 0 0 auto;
}
.row.content {
flex: 1 1 auto;
}
.row.footer {
flex: 0 0 30px;
}
.btn1,
.box1 {
chiều rộng: 100%;
chiều cao: 100%;
}
.btn1 {
nền: màu đỏ;
}
.box1 {
background: green;
}
关于html - 影响 CSS 样式的表单标签，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46218904/
27
4
0
Tôi có một tệp css tên là main.css và một tệp khác tên là style.css. Làm cách nào tôi có thể thực hiện việc này trong main.css? .someClass { //áp dụng quy tắc cho
Trước khi cập nhật css của mình, tôi đã có thông tin sau trong login.css: body { hình nền: url('./pictures/fond.png');
Tôi có xung đột css giữa css lõi chia sẻ điểm 2013 và css của tôi. Vì vậy, tôi muốn đặt tất cả các lớp của mình vào div #s4-workspace nhưng tôi đã tìm cách nhóm tất cả các lớp vào đây
Tôi biết rằng bạn có thể ghi đè các thuộc tính CSS mà trang jsp kế thừa từ jsp chứa tệp CSS (tức là tệp CSS chung). Nhưng điều gì sẽ xảy ra nếu có một thuộc tính trong phần tử làm rối tung một trang cụ thể và tôi không muốn sử dụng nó trong trang đó chỉ bằng cách sử dụng CSS nội tuyến
Tôi vừa phát hiện ra thuộc tính meta quy mô ban đầu. Trước đây, tôi đã sử dụng default.css để xác định tất cả kiểu dáng và kích thước của mình (cho phông chữ và thành phần) để chúng hiển thị đẹp mắt trên màn hình máy tính để bàn của tôi. Sau đó, nếu bạn đang sử dụng
Tôi đang cố gắng sử dụng LESS CSS để viết CSS của mình. Tôi đã nhập các tệp style.less và less.js theo thứ tự. Bây giờ tôi muốn trích xuất CSS do LESS tạo ra. Có cách nào để làm điều này? Tôi không muốn sử dụng kịch bản
Tôi đã tự hỏi liệu có loại phần mềm nào có thể đọc nhiều kiểu nội tuyến trong tài liệu HTML và chuyển đổi tất cả các kiểu đó thành tệp css bên ngoài hay không. Nếu chỉ có một trang, tôi có thể làm thủ công. Nhưng có 100 trang. Có ai có ý tưởng gì không? Câu trả lời hay nhất là như ai đó đã nói, "
Khi tôi muốn di chuyển từ Thành phần được tạo kiểu sang Mô-đun CSS, vấn đề sau sẽ phát sinh. Giả sử tôi có thành phần kiểu sau, chấp nhận phần bù tham số động và chủ đề chuỗi CSS động: con
Có cách nào để xác định một lớp CSS bằng một lớp khác không? Ví dụ: nếu tôi có một lớp: .myClass{ Background-color: blue } thì có cách nào để xác định lớp thứ hai với myClas không?
Tôi đang cố gắng tạo một tập hợp các nút nằm ở cuối trang và được phân tách bằng một khoảng trắng cố định. Tôi đang sử dụng lệnh ng-repeat của AngularJS để lấy dữ liệu qua yêu cầu ajax và sau đó tôi sử dụng nó để hiển thị nút. Vấn đề của tôi là cho phép nhấn
Trình duyệt có phân tích cú pháp CSS khi tải tệp CSS không? Hoặc nó được phân tích cú pháp sau khi toàn bộ tệp CSS được trình duyệt tải xuống? Có sự khác biệt giữa các trình duyệt? Tôi có thể tìm thấy thông tin cơ bản này ở đâu? Vấn đề không phải là Tải và thực thi
Câu hỏi này đã có câu trả lời ở đây: Lớp CSS có thể kế thừa một hoặc nhiều lớp khác không? (29 câu trả lời) Đã đóng 3 năm trước. Tiêu đề hơi khó hiểu, để mình chỉ cho bạn nhé. Giả mạo
Tôi gặp phải vấn đề kỳ lạ nhất... Ở dạng đơn giản nhất, tôi có một tệp index.html có nội dung sau: (Tôi đã giảm đáng kể nó trong quá trình cố gắng xác định nguyên nhân gốc rễ) Khi tôi nhìn vào mã nguồn của trang tôi nhận được như sau:
Tôi đang sử dụng Mindscape Workbench để thu nhỏ các tệp scss của mình. Trang của tôi được thiết lập để sử dụng các tệp *.min.css. Vào những thời điểm ngẫu nhiên, tệp tối thiểu không được xuất bản cùng với phần còn lại của hệ thống. Tôi có rất nhiều css
Vui lòng cho tôi biết sự khác biệt giữa CSS Frame và CSS Grid. Câu trả lời hay nhất Khung CSS cũng có thể là khung lưới CSS. Khung CSS Grid được sử dụng để xây dựng bố cục CSS. Có một số khung có các công dụng khác ngoài bố cục tòa nhà, chẳng hạn như Hartija
Tôi có tệp original.css không thể xóa hoặc thay đổi khỏi trang. Bảng gốc.css { border-collapse: thu gọn khoảng cách đường viền: 0;
Tôi đã từng sử dụng bootstrap css import tốt. Nhưng tôi đang cố gắng sử dụng các mô-đun CSS nên tôi đã thêm một vài dòng. { test: /\.css$/, sử dụng:
Có cách nào để tạo nhóm css trong bộ chọn css không. Ví dụ: .SectionHeader { include: .foo; include: .bar;
Hôm nay tôi đã học hai khái niệm trong CSS, một là định vị CSS (tĩnh, tương đối, tuyệt đối, cố định) và thứ hai là CSS Margin, xác định khoảng cách giữa các phần tử. Giả sử tôi muốn di chuyển một phần tử, đây có phải là cách tốt nhất không? Bởi vì hai khái niệm này dường như
var path = { css: './public/apps/user/**/*.css' } var dest = { css: './public/apps/user/css/' } /
Tôi là một lập trình viên xuất sắc, rất giỏi!