文章详情页
设置了margin:0 auto;无法居中咋回事?
浏览:272日期:2022-10-28 10:32:31
问题描述
<!DOCTYPE html>
<html>
<head>
<meta charset ="UTF-8">
<title>1.单列等宽布局</title>
<!--样式-->
<style type="text/css">
.container{
max-width: 960px;<!--设置最大宽度为960px-->
margin:0 auto;<!--设置内部的块元素水平居中-->
}
.header{
height:50px;
background-color:#21ff80;
}
.main{
height:600px;
background-color:#80007f;
}
.footer{
height:100px;
background-color:#21ff80;
}
</style>
</head>
<body>
<h4>单列等宽布局基本思路:</h4>
<p>1.页面的头部,主体和底部全部放在一个容器中统一设置<br>
2.容器中的子块只需要设置一下高度即可
</p>
<div>
<div>头部</div>
<div>主体</div>
<div>底部</div>
</div>
</body>
</html>
问题解答
回答1:好了解决了,注释出了问题,用的Notepad++写的,直接用快捷键注释,没注意看。
回答2:你只写了样式,但是并没有使用样式
上一条:.......下一条:您好师太我想请教这个框架怎么搭建呢?
相关文章:
1. mysql按照时间热度排序2. android-studio - android app微信登录一定要申请了登录权限才能测试?3. 网页爬虫 - python爬虫用BeautifulSoup爬取<s>元素并写入字典,但某些div下没有这一元素,导致自动写入下一条,如何解决?4. 导入数据库不成功5. python3.x - python多进程,不能在同一窗口吗6. javascript - chart.js如何修改某个指定bar的颜色7. 使用weex扩展html5的项目存在ios不同版本的兼容性8. sublime-text - sublime text 3中编译python(sublimeREPL),如何仅运行单行/选定部分9. pdo_mysql 值自增写法10. javascript - html5多个label中其中一个触发change,如何判断是哪一个出发了change
排行榜

网公网安备