26
4
我想依次显示 div #botone,#bottwo Và #bottree。我还希望在 #botone div 上按 100% 宽度和比例高度调整背景图像。
现在最后两个 Div 显示在 #botone Div 后面，#botone div 将 49px 添加到来自 .topnav 的垂直位置 分区
我还想将 .topnav Div 固定在顶部。
Trung tâm cá nhân
Điều phát hành
từ bỏ** body {
margin: 0px 0px;
}
/* Add a black background color to the top navigation */
.topnav {
màu nền: #000;
tràn: ẩn;
height: 49px;
}
/* Style the links inside the navigation bar */
.topnav a {
phao: đúng;
màu: #f2f2f2;
căn chỉnh văn bản: giữa;
phần đệm: 14px 16px;
trang trí văn bản: không có;
cỡ chữ: 17px;
}
/* Change the color of links on hover */
.topnav a:hover {
background-color: #ddd;
màu sắc: đen;
}
/* Add a color to the active/current link */
.topnav a.active {
background-color: #4CAF50;
màu sắc: trắng;
}
.block {
nổi: trái;
chiều rộng: 40px;
}
.blocka {
phao: đúng;
chiều rộng: 250px;
}
#botone {
vị trí: tuyệt đối;
chiều cao: 100%;
chiều rộng: 100%;
background-image: url("arc.jpg");
kích thước nền: bìa;
}
#bottwo {
màu nền: xanh lam;
chiều cao: 400px;
chiều rộng: 100%;
}
#botthree {
màu nền: màu vàng;
chiều cao: 600px;
chiều rộng: 100%;
}
testtext
testtext
testtext
câu trả lời hay nhất
如果我正确理解您的问题，这是否可以实现您的目标？
HTML:
testtext
testtext
testtext
CSS:(底部的变化)
thân hình {
margin: 0px 0px;
}
/* Add a black background color to the top navigation */
.topnav {
màu nền: #000;
tràn: ẩn;
height: 49px;
}
/* Style the links inside the navigation bar */
.topnav a {
phao: đúng;
màu: #f2f2f2;
căn chỉnh văn bản: giữa;
phần đệm: 14px 16px;
trang trí văn bản: không có;
cỡ chữ: 17px;
}
/* Change the color of links on hover */
.topnav a:hover {
background-color: #ddd;
màu sắc: đen;
}
/* Add a color to the active/current link */
.topnav a.active {
background-color: #4CAF50;
màu: trắng;
}
.block { float:left;width: 40px; }
.blocka { float:right;width: 250px; }
#botone {
vị trí: tuyệt đối;
chiều cao: 100%;
chiều rộng: 100%;
background-image: url("arc.jpg");
kích thước nền: bìa;
}
#bottwo {
background-color:blue;
chiều cao: 400px;
chiều rộng: 100%;
}
#botthree {
màu nền: màu vàng;
chiều cao: 600px;
chiều rộng: 100%;
}
/*--- Fixes --*/
.topnav {
vị trí: cố định;
trên cùng: 0;
trái: 0;
phải: 0;
z-index: 5;
}
#botone {
/*-- Test --*/
background-image: url("../../../photos/948358/pexels-photo-948358.jpeg?auto=compress&cs=tinysrgb&h=650&w=940");
vị trí nền: trung tâm;
chiều cao: 100vh;
margin-top: 49px;
vị trí: tương đối;
}
关于html - 依次放置几个div width full width 并调整图像背景的宽度和高度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49576586/
26
4
0
Tôi có một div (tôi nghĩ là vùng chứa?) mà tôi muốn trở thành trang trung tâm. Billede 2 Tôi chỉ muốn tất cả ngữ cảnh nằm ở giữa trang, làm sao có thể được? Câu trả lời hay nhất Billede 2 dựa trên yêu cầu của bạn
Tôi vừa mới chơi đùa với jQuery và tình cờ tìm thấy chức năng Tìm. Tôi đã thử nghiệm nó như thế này: $(document).ready(function(){ $('button').click(function()
Cách tạo quy tắc để thực hiện một số việc như thế này: .container .unit:first-child(nếu nó có bên trong div.box1.extra) + .box2 { top: 50px;}
Tôi đang cố gắng hiểu tại sao trình duyệt hiển thị và khác nhau? Sau đây là ví dụ: Kết quả dự kiến cho đoạn mã số 1 là ba hộp cạnh nhau: [đen], [xanh], [đỏ]. Đoạn #2 chỉ hiển thị [đen] và [đỏ] - tại sao đoạn #
Tôi gặp một vấn đề kỳ lạ là tôi không thể sử dụng bộ chọn tiếng rít thông thường để chọn chính xác nội dung nào đó trong jQuery: hai dòng mã này không làm điều tương tự. ele.children("div.a > div").addClass("xấu
Tôi có một div chứa hai div khác div đầu tiên div thứ hai có chiều cao tối đa và do đó không thể phát triển vượt quá một mức nhất định. Nhưng hai div con có thể có kích thước bất kỳ (động
Tôi gặp vấn đề giữa hai div. div#mainbody là div cha có nền và div 2 div con có nền riêng nên div 2 nổi phía trên div cha nhưng tôi muốn nó ở bên trong div cha. HTML:
Tôi có một div bên trong một div khác có chiều rộng cụ thể, nhưng tôi muốn chiều rộng của div con là phần trăm của kích thước màn hình trình duyệt chứ không phải phần trăm của div cha của nó, có nghĩa là khi tôi đặt chiều rộng của div con đến 50% khi tôi muốn nó có kích thước phù hợp
Tôi có đoạn mã sau. Khi nhấp vào nút trong div1, tôi cần ẩn div1 và hiển thị div2. (trong HTML5 góc). Tôi có một tệp JS với Bộ điều khiển, v.v. Hiện tại tôi có hai tệp khác nhau
Bây giờ tôi có thể tự động hóa div vùng chứa thành div bên trong hoặc tôi có thể căn giữa toàn bộ nội dung...nhưng tôi không biết cách thực hiện cả hai cùng một lúc. Dưới đây là CSS/bố cục tôi có. Bây giờ cả trang và các thành phần chính đều được căn giữa, nhưng nếu
Làm cách nào để căn chỉnh trên cùng hai div ô trong div bảng khi một div ô chứa div được định vị tuyệt đối? Trong ví dụ này, các div ô không chứa các div có vị trí tuyệt đối sẽ bị đẩy xuống. HTML: 1
Chương trình của tôi là một trò chơi, bắt đầu với 4 nhân vật Angular có thể chơi được, mỗi nhân vật Angular nằm trong lớp charContainer riêng, 4 div này nằm trong một thùng chứa nhân vật lớp. Khi người chơi vượt qua điểm
Tôi có điều gì đó như thế này: Hiện tại, không có định dạng nào trong #page. Nó hoạt động với một số nội dung, ý tôi là, khi nội dung lớn hơn, #page cũng có chiều cao cao hơn. Nhưng khi hôm nay tôi bôi #con vào đó
Tôi có ứng dụng React và tôi đang gặp phải một vấn đề lớn hơn một chút với một số CSS. Tôi có Chế độ xem được chia thành hai phần. Nhưng hai phần này nằm trong một tổ hợp lớn hơn. Phần bên trái hiển thị một số liên hệ và bên phải tôi muốn hiển thị
Tôi muốn giống như trang đăng ký Facebook, div1 (chiều rộng phần: 1024px) có bốn div, div2 bên trái (chiều rộng: 50%) có div3 (khẩu hiệu fb), div4 phía dưới (con
Tôi đang gặp sự cố trên trang web của mình khi chân trang trong trang chính không hiển thị chính xác cho một trang cụ thể. Trên trang đó, tôi có một cái ở phía dưới. Sau khi vò đầu bứt tai một lúc, tôi nhận ra rằng để phần chân trang hiển thị chính xác, tất cả những gì tôi cần làm là thay đổi dòng thành: Tôi không hiểu tại sao
Tôi đang sử dụng plugin này cho hình ảnh thang độ xám tương thích với nhiều trình duyệt. Về cơ bản, hình ảnh ban đầu ở chế độ thang độ xám với độ mờ thấp. Khi người dùng di chuột qua hình ảnh, thang độ xám dần chuyển sang màu, độ mờ trở về 1 và div bị ẩn trước đó sẽ di chuyển từ dưới lên
Đây là liên kết jsfiddle về vấn đề HTML 8.123456 của tôi huh-fjiuetie Các điều kiện là: h
Làm cách nào để ngăn div nội tuyến sau gói khi văn bản trong div trước đó tràn ra. Như bạn có thể thấy, đối với bài đăng đầu tiên, nội dung chính nằm ở dòng thứ hai, do đó các liên kết sau nó sẽ xuất hiện trên một dòng mới (điều này không chính xác). Nhưng đối với bài viết thứ 3, tiêu đề chính
Tôi có một div mà khi di chuột qua nó sẽ kích hoạt một div khác. Khi người dùng di chuyển chuột qua div được kích hoạt, tôi muốn div vẫn giữ nguyên. Đây là một đoạn trích. Khi bạn di chuột qua ô màu vàng, ô màu tím sẽ ẩn đi và ô màu xám sẽ xuất hiện. khi
Tôi là một lập trình viên xuất sắc, rất giỏi!