- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
在浏览器中网站的 html 左侧出现了一个非常宽的空间。我不知道原因,甚至不知道这是什么时候发生的。我在这里上传了我的网站:http://kfs-saintgeorge.esy.es/
这是我的 CSS 文件:
*{
box-sizing: border-box;
}
html{
direction: rtl;
background-color: #b7b7b7;
margin: 0 auto;
padding: 0;
}
img{
max-width:100%;
}
body{
width: 60%;
margin: auto;
padding: 0;
}
div{
border-radius: 10px;
}
.centering{
text-align: center;
}
#hbackground{
background: url('/images/background.jpg') no-repeat ;
background-size: cover;
display: block;
border-radius: 20px 20px 0px 0px;
margin: 10px auto;
width: 100%;
padding-top:37.01527614571093%;
}
.btop{
border-radius: 0;
height: 4px;
width: 100%;
}
#header ul{
list-style-type: none;
margin: 0;
padding: 0;
background-color: #1e7989;
font-family: hfont;
font-size: 20px;
display: flex;
justify-content: space-around;
z-index: 1;
margin:10px auto;
width: 100%;
}
#header li{
width: 9em;
height: 70px;
background-color: #1e7989;
flex: 1 1 auto;
}
#header li a{
display: block;
line-height: 70px;
}
.content {
background-color: #ffffff;
width:100%;
text-align: center;
line-height: 2em;
line-height: 50px;
}
.content p {
width: 85%;
margin:0 auto;
font-family: contentfont;
font-weight: bold;
font-size: 23px;
color:#862222;
}
a:link, a:visited{
text-decoration: none;
color:#ffffff;
}
h2{
color:#187477;
font-family: headlinefont;
font-weight: normal;
text-decoration: underline;
text-align: center;
}
.mainmenu {
cursor: pointer;
color:#ffffff;
text-align: center;
display: block;
margin-bottom: 0;
bottom: 0;
border:0;
font-size: 1em;
font-weight: bold;
width: 100%;
}
.submenu {
list-style-type: none;
padding: 0;
text-align: center;
background-color: #17243e;
margin: 0 auto;
display: none;
border-radius: 0 0 7px 7px;
}
.submenu li {
border-bottom: 2px solid white;
}
.submenu li:last-child, .submenu li:last-child a:last-child {
border-bottom: 0;
border-radius: 0 0 7px 7px;
}
.submenu a:hover {
background-color: aliceblue;
color: #000000;
}
nav{
width: 29%;
display: inline;
}
nav div{
margin-bottom: 10px;
background-color: #ffffff;
padding: 10px;
max-width: 100%;
}
#sidebar{
background-color: white;
padding: 0;
font-family: contentfont;
}
#sidebar>ul{
list-style-type: none;
margin: 0;
padding: 20px;
}
#sidebar>ul >li{
position: relative;
background-color: #1a8891;
border:2px solid #0c383a;
margin-bottom: 5px;
border-radius: 10px;
}
#sidebar a:link,#sidebar a:visited{
display: block;
position: relative;
width: 100%;
text-align: center;
line-height: 40px;
font-size: 1em;
font-weight: normal;
}
#sidebar li:hover{
background-color: #156b72;
}
#body2{
width: 100%;
display: flex;
justify-content: space-around;
align-items:flex-start;
flex-direction: row;
}
#main_content{
width: 70%;
vertical-align: top;
}
#footer{
background-color: #05333b;
width: 100%;
height: 100px;
text-align: center;
color:#ffffff;
font-family: Arial;
line-height: 20px;
border-radius: 0px;
margin: auto;
display: block;
bottom: 0;
right: 0;
}
#footer p{
position: relative;
top: 50%;
transform: translateY(-50%);
}
#cp_widget_e6374685-0d11-4dc4-9b95-04f8435cd872{
margin: 0 auto;
padding: 10px;
}
#homeImages{
background-color: white;
margin: auto;
text-align: center;
}
.mainmenu i{
position: absolute;
right: 10%;
top:10px;
vertical-align: middle;
}
@media screen and (max-width: 1200px){
body{
width: 100%;
}
header ul{
font-size: 5px;
}
}
#social{
direction: ltr;
height: auto;
margin: auto;
display: flex;
justify-content: center;
margin-bottom: 10px;
flex-wrap: wrap;
}
.social{
color:black;
padding: 3px;
}
.fb:hover{
color:#000098;
}
.yt:hover{
color: #ff0000;
}
#facebook-page{
max-width: 100%;
padding: 0;
text-align: center;
overflow: hidden;
}
.fb-page{
margin: auto;
text-align: center;
max-width: 100%;
padding: 0;
}
最佳答案
据我所知是因为direction: rtl
标记在您的 HTML 元素中。
尝试把它放在#body2
中:
#body2 {
width: 100%;
display: flex;
justify-content: space-around;
align-items: flex-start;
flex-direction: row;
direction: rtl;
}
关于html - 为什么我的网站左边有一大片空间?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32148112/
运行 Tomcat 失败并出现 java.lang.OutOfMemoryError - 与缺少 PermGen 空间相关的错误。 我最近将 Tomcat 更改为以自己的用户(而非 root)运行。
我们有一个表,其中包含数百万行,其中包含 PostGIS 几何图形。我们要执行的查询是:落在边界几何内的最新条目是什么?这个查询的问题是我们经常会有大量的项目匹配边界框(半径大约为 5 公里),然后
我有一个Elasticsearch设置,它将允许用户搜索通配符作为索引。 array:3 [ "index" => "users" "type" => "user" "body" => arra
我创建了一个表,其中每行包含两个按钮,并且两个按钮连接在一起,我想将两个按钮分开。我用过 不起作用,css 也是,这是他们的另一种方式。 我有另一个问题,因为我不想在表格边框内显示操作按钮,而是在靠近
我试图在 jQuery Mobile 中的两个按钮之间留出空白。现实中的布局是这样的: Button 1 Button 2 (Hidden w/ display: none)
按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visit the
您好,我对图表应用程序还很陌生。现在我为我的应用程序创建了条形图。当我运行 create bar chart as separate project 时,输出如下所示。 然后当我将条形图与我的应用程序
我在使用 H2 和 GeoDB(内存中,junit)时遇到问题。 另外,使用 Hibernate 5(每个包的最新版本,包括 hibernate-spatial)和 Spring 4。 通过 id 实
我想画一张澳大利亚的 map ,并将每个城市表示为一个点。 然后突出显示人口众多(> 1M)的城市 library(sp) library(maps) data(canada.cities) head
关闭。这个问题是opinion-based .它目前不接受答案。 想改进这个问题?更新问题,以便 editing this post 提供事实和引用来回答它. 6年前关闭。 Improve this
如何保持.txt文件中存在的空格?在.txt文件中,它表示: text :text text1 :text1 text23 :text2 text345 :text3 如果我写这段
以下哪个键最大? 选项 1:16 个数字 [0,9] 选项 2:30 个元音 选项 3:字母表中的 16 个字母 选项 4:32 位 有人可以帮助我,告诉我哪一个是正确的答案以及我们如何计算它吗?我知
在 Unity 3d 中使用 Azure 空间 anchor 来实现在 iOS 和 Android 上部署的室内和室外增强现实体验是否有益? 最佳答案 是的,对于 Azure Spatial Anch
我有一个绝对定位的圆形图像。图像只需占据屏幕宽度的 17%,并且距离顶部 5 个像素。 问题是,当我调整图像大小以占据屏幕宽度的 17% 时,它会这样做,但同时容器会变长。图像本身不会拉伸(stret
我在 Ubuntu 14.04 上使用 Cassandra。从文档中,我可以看到运行命令: nodetool snapshot 创建我的 key 空间的快照。 命令的输出是: nodetool sn
Heroku引入了“私有(private)空间”,是否可以将现有应用迁移到私有(private)空间? https://blog.heroku.com/archives/2015/9/10/herok
是否允许在语义记录中使用非绑定(bind)空格 或其他 HTML 编码字符?我遇到的问题是 ; 字符被软件视为记录的结尾。 例如:假设我有一份婚姻记录,其中包含 2 个结婚者的姓氏、结婚年份以及结
我正在研究“智能 parking ”项目,偶然发现了包含我们真正需要的YouTube视频。我们已经实现了第一部分,即从视频源进行实时透视变换,下一步是将其定义为一组矩形 我基本上需要知道他是如何做到的
我有两个类:Engine 和 Trainset(多个单元),这两个类共享其 ID 空间,其中包含名称和系列 id=- . 这是我的Engine类(它是抽象的,因为有引擎的子类型(DieselEngin
如果有人能帮助我,那就太好了。 我正在尝试使用Java的Split命令,使用空格分割字符串,但问题是,字符串可能没有空格,这意味着它将只是一个简单的顺序(而不是“输入2”将是“退出”) Scanner
我是一名优秀的程序员,十分优秀!