Html 为什么导航栏会影响图像的居中？
如果我没有导航栏，那么我的图像居中很好 如果我随后添加导航栏（使用无序列表水平列表），那么我的图像将更靠近页面左侧 这只是一个基本的布局Html 为什么导航栏会影响图像的居中？,html,css,Html,Css,如果我没有导航栏，那么我的图像居中很好 如果我随后添加导航栏（使用无序列表水平列表），那么我的图像将更靠近页面左侧 这只是一个基本的布局 <div> <img ...> <ul>....</ul> </div> 解决这个问题有多种方法，但我认为这是最简单的方法之一。我只更改了div.homepage、img.homepage和ul的CSS。代码如下： /*徽标样式*/ 部门网页{ 位置：固定； 文本对齐：居中； 保证金
<div>
<img ...>
<ul>....</ul>
</div>
div.homepageimg.homepageul/*徽标样式*/
部门网页{
位置：固定；
文本对齐：居中；
保证金：0自动；
左：0；
右：0；
}
img.homepage{
位置：相对位置；
}
/*导航条样式*/
保险商实验室{
列表样式类型：无；
}
李按钮{
显示：内联块；
利润率：0.1米1米0；
填充：0.4em；
字体：300 1.5em/3em“开放式Sans”，无衬线；
字母间距：.08em；
颜色：#fff；
背景#0090C0；
边界半径：2px；
}
按钮：悬停{
背景：#007DA7；
盒影：0 0 3pxRGBA（黑色，.5）插页；
}
a:链接，a:悬停，a:活动，a:已访问{
文字装饰：无；
颜色：继承；
}