html - 隐藏我的内容的 CSS 导航栏

标签 html css css-float

我的导航栏超出我的内容时遇到问题

http://jsbin.com/jusejozene/1/edit?output

我不知道我能做什么所以请帮忙

当导航栏处于响应/移动模式时,它可以工作,但当它处于桌面模式时,它不会:(

最佳答案

您所要做的就是像这样将无序列表的位置更改为静态:

/*Strip the ul of padding and list styling*/
ul {
list-style-type:none;
margin: auto auto; 
padding: 0;
margin-bottom: 10px;
position: static;

然后将您的段落文本放在

<p>

标签

或 将你的 ul 包裹在一个 div 标签中

关于html - 隐藏我的内容的 CSS 导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28668636/

相关文章:

javascript - Javascript 执行启动 chrome 而不是 webview

html - iPad、Safari 浏览器出现异常边距

html - 使用 CSS 在一个圆圈中自定义段

css - 移动按钮推送内容

javascript - 棘手的 css/javascript float 任务

javascript - 我希望我的元素淡入淡出,然后页面关闭并加载另一个页面

java - 我如何使用我的日期格式 yyyy-mm-dd 在我的选择框中列出月份值

java - 在vaadin中调整CSS变化的选择方法是什么?

css - 页面溢出到正文右侧

html - 收缩包装/收缩以适应 div 以在 css 中回流 float div