gpt4 book ai didi

html - 如何让一列自动调整大小,同时给另一列一个固定的位置?

转载 作者:太空宇宙 更新时间:2023-11-04 13:49:57 25 4
gpt4 key购买 nike

我写了下面的代码,乱七八糟

我希望 left-sbrright-sbr 处于固定位置,但让 content 根据浏览器或窗口的分辨率自动调整大小.我该怎么做?

.left-sbr{
width:240px;
color:#2d2d2d;
float:left;
border:1px solid #0066FF;
position:fixed;
top:33px;
left:43px;
}
.content{
/*width:500px;*/
margin:33px 1px 0px 287px;
padding:0px 0px 0px 0px;
position:absolute;
width:50%;
/*left:287px;
top:33px;*/
height:100%;
color:#2d2d2d;
float:left;
border:1px solid #0066FF;
}
.right-sbr{
/*margin:33px 0px 0px 0px;
padding:0px 0px 0px 0px;*/
width:23%;
position:absolute;
top:33px;
left:100%;
color:#2d2d2d;
float:right;
border:1px solid #0066FF;
}

这是 HTML 代码:

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
<title>Learning English Grammar for Non Native Speakers</title>
<link rel="stylesheet" href="in-design.css"/>
</head>
<body>
<div class="left-sbr">
aaaaaaaaaaaaaaa
</div>
<div class="content">Data pada komputer diolah dan simpan dalam bentuk digital atau bilangan biner. Digital hanya mngenal dua nilai saja yaitu : 0 dan 1. Setiap 0 dan 1, disebut dengan istilah bit (binary digit). Bilangan yang terdiri atas delapan nilai (misalnya 10001001) disebut dengan byte (8 bit).<br>
Dalam dunia digital, ada dua jenis basis satuan, definisi basis 2 dan basis 10. Pada basis10, satu kilo berarti 1000 sedangkan pada basis 2 berarti 210 =1024. Berikut tabel basis satuan yang perlu anda ketahui: Ukuran Definisi basis 2 Defenisi basis 101 kilobytes 1024 byter 1000 bytes1 megabytes 1024 KB=1.048.576 bytes 1000.000 bytes1 gigabytes 1024 MB=1.073.741.824 bytes 1000.000.000 bytes.<br>
</div>
<div class="right-sbr">
cccccccccccccccccc</div>
</body>
</html>

最佳答案

如果我明白你想要什么,那么你可以试试这个(不用 jquery):

<html>
<head>
<style>
* { margin:0; padding:0; }
#content { position:absolute; width:100%; height:100%; color:white; }
.left-sbr { float:left; margin:0px 0px; width:25%; height:100%; background:green; }
.content-center { float:left; margin:0px 0px; width:50%; height:100%; background:grey; }
.right-sbr { float:right; margin:0px 0px; width:25%; height:100%; background:blue; }
</style>
</head>
<body>

<div id="content">
<div class="left-sbr">left</div>
<div class="content-center">center or content (as you want)</div>
<div class="right-sbr">right</div>
</div>

关于html - 如何让一列自动调整大小,同时给另一列一个固定的位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22277985/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com