gpt4 book ai didi

html - 如何正确对齐此 html 布局?

转载 作者:太空宇宙 更新时间:2023-11-03 19:45:22 26 4
gpt4 key购买 nike

您好,我正在尝试删除这些空白区域(图像中的绿色圆圈),但我不是最好的方法。即使我可以将 margin-left -ve 值和宽度设置为 100% 以上,但有什么方法可以以正确的方式解决这个问题。

这是我的html代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Hachi</title>

<link rel="stylesheet" href="css/style_rec.css" type="text/css" />

</head>

<body>
<style>
#container{
font-family: "proxima-nova", Helvetica, Arial, sans-serif;
font-weight: normal;
color:#414141;
-webkit-font-smoothing: antialiased;
height: auto;
width: 100%;

}
#header{
width: 100%;
height:100px;
background-color: red;
}
#left_panel{
width: 50%;
float: left;
/* height: 400px;
*/ background-color: green;
}
#right_panel{
width: 50%;
float: left;
/* height: 400px;
*/ background-color: blue;
}
#bottom_logos{
width: 100%;
height:100px;
background-color: yellow;
}
</style>
<div id="container">
<div id="header"></div>
<div id="left_panel">
kjjjhjfhklhhhkh
dfdsfdsfsdfdsf
</div>
<div id="right_panel">
ewrewrewrewrewr
ewrwerewrwerewr
</div>
<div id="bottom_logos"></div>
</div>

</body>
</html>

截图 enter image description here

最佳答案

Demo

body {
margin:0;
padding: 0;
}

编辑:

这里不用加 html { margin:0;填充:0; } 因为它们没有任何默认的浏览器样式。来自 Does the <html> element have a default margin or padding in any browser, since normalize.css doesn't reset it?

关于html - 如何正确对齐此 html 布局?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24280698/

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