css 布局问题 : arranging a layout with css containing ul

标签 css layout

我正在尝试以内联方式安排一个容器,但我的 CSS 中似乎缺少某些内容。 似乎 class="second"在使用 float:right 后不起作用。 我的容器看起来像

<nav id="main">
  <a>First</a>
  <ul></ul>
  <a>Second</a>
</nav>

似乎我的 CSS 中遗漏了一些东西

我的 jsfiddle 链接:http://jsfiddle.net/pttVq/1/

最佳答案

好吧,UL 也需要内联...因为它默认是 block 元素。

ul {display: inline;}

但是,这可能不会让您获得想要的效果。也尝试将 ul 向左浮动。

ul {float: left;}

关于css 布局问题 : arranging a layout with css containing ul,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15263165/

相关文章:

javascript - 在绝对 div 位置自动扩展 textarea 无法正确收缩

html - 使用 Bootstrap 进行页面布局

java - 无法解析 TabLayout

android - FAB 在 RelativeLayout 上就像在 CoordinatorLayout 中一样

html - 垂直对齐 anchor 内的文本

css - 媒体查询如何 react

javascript - 如何动态设置div为多行两列

css - Flex 布局 - 2 列布局的文本换行问题

java - 如何删除edittext字段的边框

javascript - 转到页面顶部,当我们单击标签链接时