gpt4 book ai didi

html - 开始 Html/CSS 两列网页设计(填充和边框问题)

转载 作者:行者123 更新时间:2023-11-28 10:15:36 27 4
gpt4 key购买 nike

我刚刚开始使用 HTML 和 CSS 设计一个没有标题的两栏页面,只有左栏和右栏,从上到下覆盖整个页面。左栏将是 133 像素宽,我遇到的问题是,标准边距不断地从页面的左上角向左和向下插入该栏。我已尝试将每个设置的边距和填充设置为 0,但似乎没有任何东西可以从页面中删除边距。

我目前的 html 代码是:

<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content"" />
<meta name="author" content="" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<title>Portfolio</title>
</head>
<body>

<div id="body">
<div id="sidebar">
<img src="header.jpg">
</div>

<div id="main">
Hello
</div>
<div class="clear"></div>
</div>

</body>
</html>

css样式表是:

#body {
margin: 100;
}

#sidebar {
width: 133px;
float: left;
margin: 100;
overflow: hidden;
}

#main {
margin-left: 135px;
}

.clear {
clear: both;
}

最佳答案

在实际的 body 标签上有一个边距。

你可以删除它:

body {
margin: 0;
}

此外,如果您希望具有 #body id 属性的 div 具有“100”边距,则需要指定一个单位:

#body {
margin: 100px;
}

附言。为避免混淆,请勿在实际 HTML 元素之后命名类或 ID。

关于html - 开始 Html/CSS 两列网页设计(填充和边框问题),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24225893/

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