Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

html - 我怎样才能使 div 与其他 div 相邻，但像屏幕截图中那样将它们保持在原位

In lại Tác giả: Walker 123 更新时间：2023-11-28 07:45:09 30 4
mua khóa gpt4 Nike

正如我在标题中解释的所有内容，然后我将只为你们提供我现在拥有的代码，我一直在努力实现我想要的东西很长时间但没有运气......它表现得像响应式的，但即使调整大小我也想将其保持在原位...截图nhập mô tả hình ảnh ở đây 



    <đầu>
        <br>            Home<br>        <br><br>        <phong cách=""><br>            thân hình {<br>                font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;<br>                padding: 20px 50px 150px;<br>                margin: 0 0 0 0;<br>                cỡ chữ: 13px;<br>                căn chỉnh văn bản: giữa;<br>            }<br>            #content1{<br>                //float: left;<br>                chiều rộng: 300px;<br>                height: 740px;<br>                margin-left: 50px;<br>            }<br>            #content2{<br>                //float: right;<br>                lề phải: 50px;<br>                chiều rộng: 300px;<br>                height: 300px;<br>            }<br>            #content3{<br>                width: 740px;<br>                height: 740px;<br>            }<br>            .content{<br>                margin: 20px 100px auto auto;<br>                hiển thị: khối nội tuyến;<br>                background-color: #F0F0F0;<br>            }<br>            #navbar{<br>                margin: 10px auto auto auto;<br>                min-width: 120px;<br>                min-height: 120px;<br>            }<br>            #navbar-menu{<br><br>            }<br>            #navbar-menu ul {<br>                căn chỉnh văn bản: trái;<br>                hiển thị: nội tuyến;<br>                lề: 0;<br>                padding: 15px 4px 17px 0;<br>                kiểu danh sách: không có;<br>                -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);<br>                -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);<br>                box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);<br>            }<br>            #navbar-menu ul li {<br>                font: bold 12px/18px sans-serif;<br>                hiển thị: khối nội tuyến;<br>                margin-right: -4px;<br>                vị trí: tương đối;<br>                padding: 15px 20px;<br>                nền: #fff;<br>                con trỏ: con trỏ;<br>                -webkit-transition: all 0.2s;<br>                -moz-transition: all 0.2s;<br>                -ms-transition: all 0.2s;<br>                -o-transition: all 0.2s;<br>                transition: all 0.2s;<br>            }<br>            #navbar-menu ul li:hover {<br>                background: #555;<br>                màu sắc: #fff;<br>            }<br>            #navbar-menu ul li ul {<br>                phần đệm: 0;<br>                vị trí: tuyệt đối;<br>                top: 48px;<br>                trái: 0;<br>                width: 150px;<br>                -webkit-box-shadow: none;<br>                -moz-box-shadow: none;<br>                bóng hộp: không có;<br>                hiển thị: không có;<br>                độ mờ: 0;<br>                khả năng hiển thị: ẩn;<br>                -webkit-transiton: opacity 0.2s;<br>                -moz-transition: opacity 0.2s;<br>                -ms-transition: opacity 0.2s;<br>                -o-transition: opacity 0.2s;<br>                -transition: opacity 0.2s;<br>            }<br>            #navbar-menu ul li ul li { <br>                background: #555; <br>                hiển thị: khối; <br>                màu sắc: #fff;<br>                text-shadow: 0 -1px 0 #000;<br>            }<br>            #navbar-menu ul li ul li:hover { background: #666; }<br>            #navbar-menu ul li:hover ul {<br>                hiển thị: khối;<br>                độ mờ: 1;<br>                khả năng hiển thị: có thể nhìn thấy;<br>            }<br>            #navbar-menu ul li.active {<br>                background: #555;<br>                màu sắc: #fff;<br>            }<br>        <br>    <br><br>    <body background="../images/bg.png"><br>        <div id="navbar"><br>            <div id="navbar-menu"><br>                <ul><li class="active">Home</li><br>                <li>About</li><br>                <li><br>                    Projects<br>                    <ul><br>                        <li>Web Design</li><br>                        <li>Web Development</li><br>                    </ul><br>                </li><br>                <li>Blog</li><br>                <li>Contact</li><br>                </ul><br>            </div><br>        </div><br>        <div id="content1" class="content"><br>        <h1>ey</h1><br>        </div><br>        <div id="content2" class="content"><br>        <h2>eye</h2><br>        </div><br>        <div id="content3" class="content"><br>        <h3>eyey</h3><br>        </div><br>    <a href="/google.xml" target="_blank">Xem sitemap của VNExpress</a>
</body><br></phong>

câu trả lời hay nhất

我已经修改了你的一些 CSS 代码:

CSS:更新

#content1{
    width: 20%;
    height: 740px;  
}
#content2{
    width: 20%;
    height: 300px;
}
#content3{
    chiều rộng: 40%;
    height: 740px;
}
.content{
    margin-top:20px;
    margin-left:5%;
    hiển thị: khối nội tuyến;
    nổi:trái;
    background-color: #F0F0F0;
}

将上面的代码替换为您的样式。

关于html - 我怎样才能使 div 与其他 div 相邻，但像屏幕截图中那样将它们保持在原位，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30737212/

30 4 0
Đề xuất bài viết: ios - 函数获取 (){}
Đề xuất bài viết: javascript - 当 URL 为目录时，JS 文件无法加载
Đề xuất bài viết: c++ - 理解默认构造函数 C++
Đề xuất bài viết: html - 删除 Firefox 选择框底部和右侧的黑线
Walker 123
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress