<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<body style="background-color:#38a9e3;">
<link rel="stylesheet" href="css/bs.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="main-sidebar">
<div class="logo">
<a href="x.html"><h1>x</h1></a>
<span>x</span>
</div>
<div class="navigation">
<ul class="main-menu">
<li class=""><a href="x.html">x</a></li>
<li class=""><a href="x.html">x</a></li>
<li class=""><a href="x.html">x</a></li>
<li class=""><a href="x.html">x</a></li>
<li class=""><a href="x.html">x</a></li>
</ul>
</div>
</div>
<center></center>
</body>
</html>
上面是网站任务栏的示例代码，我将在下面注释 css 代码，因为将它放在这里只会聚集问题。怎么才能让任务栏的右边是一个单独的区域。现在，如果我尝试添加图像或写一些东西，它就会在它下面，所以我必须将所有内容居中并调整它的大小，这真的很烦人。我如何编辑 css 或 html 来帮助我？
最佳答案
删除中心和部分。而不是添加这个:
<div class="test">
Test...
</div>
和CSS
.test {
float: right;
}
你可以自己设置边距、宽度、高度。告诉我这是不是你想做的。 http://prntscr.com/bg5adn
关于HTML 为图像和其他文本添加了障碍，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37805344/