做网页,我要去掉这里底下的拉条,并且让文字和背景居中,该怎么办?

这里宽是1920.我的屏幕是没有那么宽,但是我需要我标题所说的效果
最新回答
天空暗下来我就是光

2026-10-23 19:33:25

首先你出现这个问题的原因是:本身你的电脑分辨率太低,然而你还设置了一个死值让宽度1920自然会出现下拉条。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">

.clearfix:after{
content: "";
display: block;
clear: both;
}
.clearfix{
zoom:1;
}

.fl{
float: left;
}
.fr{
float: right;
}

.header {
width: 100%;
height: 150px;
background: #000;
color: #fff;
}
.header .topBar {
width: 60%;
margin: 0 auto;
}
</style>
</head>
<body>

<div class="header">
<div class="topBar clearfix">
<div class="fl">
这是内容1
</div>
<div class="fr">
这是内容2
</div>
</div>
</div>

</body>
</html>

自己复制到你的html里,在浏览器上运行去看。

是不是这种问题。

月影依风

2026-08-08 14:15:52

使用定位即可,代码如下
position:absolute;
left:50%;
top:0;
margin-left:-960px;
纸殇浅琳

2026-03-09 17:00:17

去掉横向滚动条:overflow-x:hidden;
文字居中:text-align:center;
它的糖诗

2026-05-17 02:37:53

使用 css flex 布局
收起 1条折叠回答