Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 中标名单';不能使用css中的列,也不能使用浮动_Html_Css - Fatal编程技术网

Html 中标名单';不能使用css中的列,也不能使用浮动

Html 中标名单';不能使用css中的列,也不能使用浮动,html,css,Html,Css,我正在使用我的个人页面。 我想从列表中创建列。 我怎样才能做到这一点。 我尝试了网格和列,但它不起作用。出于某种原因,我正在考虑一个网络工具包。有什么建议吗?我还尝试浮动边距、宽度、位置、左侧等等。我正式被卡住了。我确实使用了960像素的最大值。那是不是走错了路?我也把我的页面居中对齐了?那也错了吗 /*主体样式*/ 正文,html{背景色:#4B88A2;} .grid容器{显示:grid; /*网格模板:1fr重复(11,10px 1fr)*/ 网格模板列:[左侧边栏开始]1fr 10px

我正在使用我的个人页面。 我想从列表中创建列。
我怎样才能做到这一点。 我尝试了网格和列,但它不起作用。出于某种原因,我正在考虑一个网络工具包。有什么建议吗?我还尝试浮动边距、宽度、位置、左侧等等。我正式被卡住了。我确实使用了960像素的最大值。那是不是走错了路?我也把我的页面居中对齐了?那也错了吗

/*主体样式*/
正文,html{背景色:#4B88A2;}
.grid容器{显示:grid;
/*网格模板:1fr重复(11,10px 1fr)*/
网格模板列:[左侧边栏开始]1fr 10px 1fr[右侧边栏结束]
10px
[主要区域开始]1层重新铺设(11,[排水沟]10px[行]1层[主要区域结束])
10px
[右侧边栏开始]1fr 10px 1fr[右侧边栏结束];
网格模板行:[标题开始]1fr[标题结束]
10px
[主起点]1fr[主终点]
[页脚开始]1fr[页脚结束]
}
/*.content wrap{最大宽度:950px;
边距:0自动;溢出:自动;填充:60px 50px;}*/
html{
框大小:边框框;
}
*,*:之前,*:之后{
框大小:继承;
}
/*标题*/
h1,h2{字体家族:'lobster',草书;
字体大小:40px;字体重量:400;}
h1{字体大小:80px;}
h3{边距:0;}
标题{文本对齐:居中;}
标题{填充顶部:60px;位置:相对;}
氢{
利润率:10px0;
字体大小:40px;}
/*航行*/
.nav{文本对齐:居中;
位置:固定;顶部:0;宽度:100%;边距:0px;}
.nav a{显示:内联块;
填充:15px 20px;
文字装饰:无;
文本转换:大写;
字号:700;
}
.footer{位置:固定;
左侧:0;底部:0;宽度:100%;
文本对齐:居中;背景色:灰色;
显示:block;}
/*纵队*/
.column1{float:左;
宽度:900px;
边缘:10px;}
.column2{float:左;
宽度:300px;边距:10px;}

拉里J设计公司
初学者网页设计师/艺术家

大家好,我是拉里J,我目前住在DC地铁区,我也喜欢在业余时间从事艺术工作。 作为一名高中生,我喜欢画画和建立网站, 目前,我和大多数人一样从事全职工作,但在业余时间我喜欢学习网页设计和绘图。 人生有一条通往成功的漫长道路,但在这条道路上,你必须学会进入下一个层次。下面是地雷:

进展中的技能
  • HTML
  • CSS
  • Java脚本
  • J查询
下一步要学习的技能
  • Photoshop
  • 插图画家
  • 标志设计
  • 图形艺术
  • T恤设计
&抄袭;拉里J设计公司


我用
display:inline block
而不是
float
更新了您的
column1
column2
css,效果很好。我还将
宽度
设为百分比

/*主体样式*/
正文,html{背景色:#4B88A2;}
.grid容器{显示:grid;
/*网格模板:1fr重复(11,10px 1fr)*/
网格模板列:[左侧边栏开始]1fr 10px 1fr[右侧边栏结束]
10px
[主要区域开始]1层重新铺设(11,[排水沟]10px[行]1层[主要区域结束])
10px
[右侧边栏开始]1fr 10px 1fr[右侧边栏结束];
网格模板行:[标题开始]1fr[标题结束]
10px
[主起点]1fr[主终点]
[页脚开始]1fr[页脚结束]
}
/*.content wrap{最大宽度:950px;
边距:0自动;溢出:自动;填充:60px 50px;}*/
html{
框大小:边框框;
}
*,*:之前,*:之后{
框大小:继承;
}
/*标题*/
h1,h2{字体家族:'lobster',草书;
字体大小:40px;字体重量:400;}
h1{字体大小:80px;}
h3{边距:0;}
标题{文本对齐:居中;}
标题{填充顶部:60px;位置:相对;}
氢{
利润率:10px0;
字体大小:40px;}
/*航行*/
.nav{文本对齐:居中;
位置:固定;顶部:0;宽度:100%;边距:0px;}
.nav a{显示:内联块;
填充:15px 20px;
文字装饰:无;
文本转换:大写;
字号:700;
}
.footer{位置:固定;
左侧:0;底部:0;宽度:100%;
文本对齐:居中;背景色:灰色;
显示:block;}
/*纵队*/
.专栏1{
显示:内联块;
宽度:计算值(60%-10);
利润率:10px;
垂直对齐:顶部;
}
.专栏2{
显示:内联块;
宽度:计算值(30%-10);
利润率:10px;
垂直对齐:顶部;
字体大小:
}
.内容包装{
}

拉里J设计公司
初学者网页设计师/艺术家

大家好,我是拉里J,我目前住在DC地铁区,我也喜欢在业余时间从事艺术工作。 作为一名高中生,我喜欢画画和建立网站, 目前,我和大多数人一样从事全职工作,但在业余时间我喜欢学习网页设计和绘图。 人生有一条通往成功的漫长道路,但在这条道路上,你必须学会进入下一个层次。下面是地雷:

进展中的技能
  • HTML
  • CSS
  • Java脚本
  • J查询
下一步要学习的技能
  • Photoshop
  • 插图画家
  • 标志设计
  • 图形艺术
  • T恤设计
&抄袭;拉里J设计公司


请帮助我们改进代码的格式。最好还是把它简化成一个只包含足够的代码来说明这个问题。非常感谢。我该如何将其居中?