30
4
我有 3 个 div，每个 div 都有以下 CSS。
Trung tâm cá nhân
Điều phát hành
từ bỏ.d1 {
vị trí: tương đối;
màu nền: màu vàng;
chiều cao: 50px;
chiều rộng: 100px;
tràn: ẩn;
}
.d2 {
vị trí: tuyệt đối;
màu nền: xanh lá cây;
height: 25px;
width: 50px;
}
.d3 {
vị trí: tuyệt đối;
left: 83px;
}
具有类的div如下:
text
结果我看到 d3 的内容由于溢出而被截断:隐藏在 d1 中。
如何在不修改d1的情况下避免截断d3的内容？
câu trả lời hay nhất
通过将元素的 chức vụ đặt thành fixed，元素可以从 relative hoặc tuyệt đối 定位的父级溢出。具有 position: fixed 的元素将具有默认的 bên trái,Phải,top Và bottom 样式设置为 tự động。这会将 .d3 定位到 .d2 的左上角，然后 left: 83px 样式会将其从那里推到左侧.
但是，要像原始标记一样向右移动，您需要添加 margin-left: 8px，这将弥补复制原始标记所需的额外 ~8px .需要通过设置 lề 样式来进一步调整 .d3 的位置(见下文).
.d1 {
vị trí: tương đối;
màu nền: màu vàng;
chiều cao: 50px;
chiều rộng: 100px;
tràn: ẩn;
}
.d2 {
vị trí: tuyệt đối;
màu nền: xanh lá cây;
height: 25px;
width: 50px;
}
.d3 {
vị trí: cố định;
margin-left: 8px;
left: 83px;
}
正如之前的评论者所提到的，最佳做法是修复您的 html 标记，因为如果您需要移动 .d3 的位置，此解决方案可能会导致问题。比如设置bên trái,Phải,top,或者bottom会导致默认设置这个样式，tự động，从未设置开始，元素将相对于视口(viewport)而不是父 relative hoặc tuyệt đối 元素定位。
关于html - absolute div inside absolute div 相对于相对位置被切断，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58116831/
30
4
0
Xin chào mọi người, tôi thấy một trang jsp từ một dự án java. Tôi muốn hỏi sự khác biệt giữa các thẻ html này là gì. Xin vui lòng cho tôi một số lời khuyên. Mã mẫu như sau: Câu trả lời hay nhất sử dụng thư viện thẻ struts-html, đây chỉ là một thư viện phổ biến.
Tôi có một trang mà tôi đang đọc HTML từ email. Đôi khi văn bản trong email chứa HTML và CSS và nó thay đổi hoàn toàn phong cách trang của tôi. Tôi không muốn phong cách trang của mình bị ảnh hưởng bởi điều này. Làm cách nào tôi có thể đọc chính xác những gì bên trong một div(box) cụ thể
Tôi biết có những câu hỏi tương tự nhưng tôi muốn có một số thông tin đầu vào về mã cụ thể của mình. Tôi có một hình ảnh mà tôi đã cắt thành 9 mảnh và tạo bảng HTML 3x3 để hiển thị nó. Nhưng bảng của tôi có khoảng cách giữa các hàng chứ không phải giữa các cột. Tôi không sử dụng bất kỳ C nào
EDIT: Câu trả lời của Waylan đã thành công! Cảm ơn! Tôi đang cố gắng nén tệp .html của tài liệu để gửi cho khách hàng. Mục đích là để có trải nghiệm giống như duyệt trang web thực tế. Khi mở tệp .html, bất kỳ liên kết nào được nhấp vào sẽ chuyển đến thư mục mẹ thay vì một liên kết cụ thể
EDIT: Câu trả lời của Waylan đã thành công! Cảm ơn! Tôi đang cố gắng nén tệp .html của tài liệu để gửi cho khách hàng. Mục đích là để có trải nghiệm giống như duyệt trang web thực tế. Khi mở tệp .html, bất kỳ liên kết nào được nhấp vào sẽ chuyển đến thư mục mẹ thay vì một liên kết cụ thể
Đây là phần mở rộng của câu hỏi này. Tôi đang cố phân tích các đoạn HTML được nhúng trong bản sao lưu XML của blog Blogger và gắn thẻ lại chúng bằng thẻ InDesign. Blogger không sử dụng HTML của bất kỳ bài đăng nào
Tôi biết rằng trong html các dòng mới giữa các phần tử được coi là khoảng trắng, nhưng tôi nghĩ điều này thật tệ khi bạn cố gắng sử dụng bố cục đáp ứng. Ví dụ: ở đây chúng ta có hành vi đúng và mong đợi, nhưng để có được nó, tôi phải xóa các ngắt dòng trong html giữa các phần tử: https:
Tôi đang cố gắng hiển thị tệp văn bản dưới dạng html. Tôi đang sử dụng ion. Tôi đang gửi phản hồi ở định dạng html nhưng ở dạng tệp văn bản tới trang hồ sơ. Nó nằm trong tên biến trong trang .ts. @Thành phần({
Giả sử tôi có một tài liệu html: test và tôi muốn hiển thị mã này trong trình duyệt. Sau đó, tôi sẽ tạo một cái gì đó như: test Để tạo các gubbins ở giữa, tôi có một hàm
Sự khác biệt giữa các phần tử HTML và thẻ HTML là gì? Có sự khác biệt nào trong kết xuất không? Có bất kỳ cân nhắc đặc biệt nào khi sử dụng thẻ hoặc thành phần không? Câu trả lời đúng nhất là thẻ, cụ thể là thẻ bắt đầu cũng là thẻ, thẻ kết thúc Đây là một đoạn
Tôi có một dạng phương thức của bảng này. Bảng đang được điền rất nhiều dữ liệu, nhưng tôi không muốn phân trang. Thay vào đó, tôi muốn giảm một cách vừa phải chiều cao của bảng và thêm phần tràn vào bảng. Dưới đây là mã của tôi nhưng nó không hoạt động. Làm thế nào tôi có thể đạt được điều này? CSS #bảng{
Tôi nhớ có một lệnh Linux trả về mã HTML từ một URL nhất định. Thay vì nhập URL vào trình duyệt, bạn có thể chuyển URL làm tham số cho lệnh này, sau đó trả về mã HTML. Lệnh nào thực hiện điều này? câu trả lời hay nhất
Tôi có một trang html mà tôi muốn đưa vào một trang html khác có nhiều liên kết. Tôi đã có thể đạt được điều đó bằng cách sử dụng iframe, nhưng tôi muốn trang bên trong iframe có cùng thuộc tính màu văn bản và liên kết như trang gốc, tôi không muốn thanh cuộn, tôi
Tôi đang viết một cuốn sách sử dụng HTML. Nếu mình viết thành file html thì toàn bộ đoạn code sẽ dài hơn nên mình muốn lưu mỗi chương vào một file khác rồi tải vào html chính. Ý tôi là có cái gì đó giống như chap1.html
Tôi phải chuyển hướng trang web này sang trang web khác trước khi hiển thị nó. Tôi đã thử sử dụng .htaccess nhưng nó gây ra sự cố. Tôi cũng đã sử dụng javavscript và meta nhưng nó không hoạt động cho đến khi trang tôi muốn chuyển được tải. giúp đỡ?
đóng cửa. Câu hỏi này không tuân thủ các nguyên tắc của Stack Overflow. Hiện tại nó không chấp nhận câu trả lời. Chúng tôi không cho phép các câu hỏi tìm kiếm đề xuất về sách, công cụ, thư viện phần mềm, v.v. Bạn có thể chỉnh sửa câu hỏi của mình để trả lời bằng sự kiện và trích dẫn. Đóng cửa 7 năm trước
Làm cách nào để in thẻ "html" bao gồm ""? Làm cách nào tôi có thể thực hiện việc này cho bất kỳ nhãn nào mà không cần sử dụng vùng văn bản và Javascript? Câu trả lời hay nhất sử dụng tham chiếu ký tự HTML: <>
Tôi cần chuyển đổi tệp html.slim trong ứng dụng Ruby on Rails sang html.erb. Có cách nào dễ dàng không? Tôi đã thử nhiều tùy chọn được liệt kê trên Stack Overflow và các trang khác. nhưng không phải với tôi
Câu hỏi này đã có câu trả lời ở đây: Có cần thiết phải viết thẻ HEAD, BODY và HTML không? (6 câu trả lời) Đã đóng 8 năm trước. Tôi tìm thấy cái này trên gitHub
Tôi đang tìm danh sách các phần tử có thể tải tài nguyên bên ngoài mà không cho phép thao tác DOM bổ sung thông qua JavaScript. Tôi đang cố gắng sử dụng trình xem HTML để lưu trữ email từ bên thứ ba và khi điều này xảy ra, tôi cần xóa mọi chế độ tự động tải
Tôi là một lập trình viên xuất sắc, rất giỏi!