问候,
我正在尝试创建一个简单的双列布局:左边一半是一种颜色,右边一半是另一种颜色,所有文本都与屏幕中间对齐。
我有两个问题找不到明显的解决方案(我的 css 技能很差):
- div 周围的白色边框。
- 当我在列中引入文本填充时,它们会变大,无法彼此相邻,并且右列会折叠在左列下方。
这是当前的 CSS:
#left {
float:left;
width:50%;
height: 100%;
background-color:orange;
color:black;
text-align:right;
}
#right {
float:right;
width:50%;
height: 100%;
background-color:black;
color:orange;
}
这是 html:
<html lang="en">
<head>
<title>Tucolor</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="left">bleh</div>
<div id="right">mleh</div>
</body>
</html>
非常感谢!
最佳答案
@林斯
白边就写
body{
margin:0;
padding:0;
}
或者使用reset sheet
因为一些浏览器给正文提供了默认的填充
&
2。如果你给列或任何对象添加填充,它会增加宽度,所以根据填充减少高度和宽度。
例如:
如果 width:100px;
& 当我们添加 padding-left:10px;
时。然后我们写 width:90px;
而不是 100px
关于html - 半个半个css布局padding和定位问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5530736/