首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >CSS中的边距问题...非常卡住了

CSS中的边距问题...非常卡住了
EN

Stack Overflow用户
提问于 2011-11-21 12:46:53
回答 3查看 99关注 0票数 0

当我在导航的标题中添加无序列表时,它会向下弹出标题,并剔除浮动在右侧的文本。如果我移除它,一切都会好起来的。有什么想法吗?我在这件事上绞尽脑汁...也许更多的睡眠。

http://jsfiddle.net/YVmTB/2/

另外,理想情况下,我希望导航是水平的…但我还没有完全做到这一点。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-11-21 16:11:07

也许你在找这样的东西?

http://jsfiddle.net/YVmTB/10/

在css的末尾添加了2个额外的样式

代码语言:javascript
复制
nav {
    float: left;   
}

nav li {
    float: left;
    margin-right: 15px;
}
票数 1
EN

Stack Overflow用户

发布于 2011-11-21 13:19:35

这是一个相当简单的CSS解决方案。

只需将这一行添加到您的CSS:

代码语言:javascript
复制
nav li {
  float: left;
  margin: 15px;
}
票数 0
EN

Stack Overflow用户

发布于 2011-11-21 12:52:06

我把这个添加到你的CSS中,看起来你可能需要它。

代码语言:javascript
复制
nav>ul, nav>ul>li{
    float: left;
}

nav>ul>li{
    margin: 0 .5em;
}

当然,举例说明它应该是什么样子是很好的,但这可能会有所帮助。

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8207399

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档