4回答
我对菜单有个烦人的问题。在firefox中，"ul“标签超过了它的父容器。在Chrome和IE中则不是这样。
我想要的:我想让dropdowns的宽度与它们的父级相同(在chrome中打开示例，看看它应该是什么样子)
<ul>
<li><a href="/sommer-2013">Sommer 2013</a>
<ul> <--- This one exceeds it's parent
<li><a href="/sommer-2013/vin
浏览 0提问于2013-01-16得票数 0
回答已采纳
下面是一个css菜单项出现在栏的角落
我编辑了css并添加了
width:19em;
在css的#nav ul部分，菜单项出现在中间。
我不太清楚为什么添加一个边距会把菜单项放在中间，我对css之类的东西和html并不熟悉，所以我想了解这种行为。
以下是代码
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Jenware | Per
浏览 1提问于2013-11-03得票数 0
回答已采纳
1回答
我的页面上有一个简单的标题和导航栏。我想添加用户名/密码和登录按钮到导航栏，但我做不到。每次我添加代码时，它都不在导航栏中，无论是在栏下还是在栏上方。有人能帮忙吗？
下面是JSfiddle链接
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="languages.html">Programming Languages<
浏览 1提问于2016-11-30得票数 0
回答已采纳
假设以下HTML5文档：
<!doctype html>
<html>
<head><title>try</title>
</head>
<body>
<h1>testing</h1>
<ul id='ul_id'>
<li id='li1_id'>one</li>
<li id='li2_id'>somelongertwo</li>
</ul&
浏览 4提问于2016-01-12得票数 1
回答已采纳
摘自 (访问链接查看它的外观)：
<!DOCTYPE html>
<html>
<head>
<style>
ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a
{
float:left;
width:6em;
text-decoration:none
浏览 5提问于2013-02-04得票数 0
回答已采纳
我写了以下html页面
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Jenware | Personalized Gifts</title>
<style type="text/css">
/* styles for navigation */
#nav {
background
浏览 10提问于2013-11-01得票数 0
回答已采纳
为什么下拉菜单在悬停时会显示额外的填充/边距(移动)？请使用您的专业知识来解决它。
哪里出错了？我修不好它。
HTML：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Drop Down menu</title>
<link rel="stylesheet" href="normalize.css">
<link r
浏览 0提问于2015-10-31得票数 0
我目前正在做我的第一个网站的乐趣，我决定让一个我非常喜欢的乐队的粉丝网站，只是开始。这是我目前的网站，但是说“商店”的元素离右边太远了。我唯一能找到的移动方式是使用“页边距-数字”，但它会影响网页并增加其宽度。有谁可以帮我？
body {
margin: 0;
background: url(images/moonspell_concert_2.jpg) no-repeat;
background-size: cover;
color: #fff;
}
header {
background-color: #000;
}
header::afte
浏览 0提问于2018-10-15得票数 0
回答已采纳
3回答
这是html：
<section class="section-meals">
<ul class="meals-showcase">
<li>
<figure class="meal-photo">
<img src="resources/img/1.jpg">
</figure>
</
浏览 2提问于2015-12-16得票数 3
回答已采纳
1回答
我的目标是让我的#header div居中。它包含导航到不同页面的按钮。我尝试使用<div align=center>标记，但它就是不起作用。我只想让它像我页面上的其他东西一样放在中心。
下面是我的代码：
<style>
#header ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#header ul li {
position:relative;
float:left;
}
#header ul li ul li a {
font-size: 12px;
}
#header ul li a
浏览 0提问于2013-01-21得票数 0
回答已采纳
我正在尝试创建一个使用CSS和HTML的下拉菜单，它工作得很好，但问题是子菜单项不显示完整的文本。例如:如果我悬停在链接上，子菜单项就会出现，但我只能看到子菜单项中的前几个文本。
我想增加子菜单项的ul宽度并查看完整文本。
你能教我怎么做吗？
这是我的COde：
HTML：
<div id="menu">
<ul>
<li><a href="#nogo">Link 1</a>
<ul>
<li><a href="#nogo&#
浏览 0提问于2012-03-20得票数 0
回答已采纳
2回答
我试图创建一个下拉菜单，但我的文本对齐命令似乎不起作用(字体大小和其他文本相关代码也是如此)。我试着把我的文本对齐代码放到nav里，但似乎什么也没发生。我也试过把它放在CSS上的主下拉菜单上，但是它仍然没有变化。有人能帮我吗？我搞不懂这背后的原因。
我的HTML和CSS代码是：
nav{
flex:1;
text-align: right;
}
nav ul li{
list-style: none;
display: inline-block;
margin-left: 60px;
position: relative;
}
nav ul
浏览 3提问于2021-06-10得票数 0
回答已采纳
6回答
我有以下带有UL和LI的html页面，我尝试为每个LI分配宽度，但看不到cay成功
<html>
<head>
<style type="text/css">
ul
{
overflow-x:hidden;
white-space:nowrap;
height: 1em;
width: 100%;
}
li
{
display:inline;
padding-right:10px;
}
浏览 2提问于2010-04-23得票数 15
回答已采纳
我有一个问题，该网站出现了不同的分辨率以上。
/* CSS Document */
a{
text-decoration:none;
}
body{
background-color:#F2F2F2;
font-family:Arial, Helvetice, sans-serif;
font-size:14px;
margin:0 auto;
line-height:1.5;
width:100%
}
#body{
width:90%;
margin-left:auto;
margin-right:auto;
}
#wrap{
height:auto;
浏览 2提问于2015-12-08得票数 0
<html>
<head>
<style type="text/css">
ul {list-style:none; margin:0; padding:0; }
li{float: left; border:dotted; text-align: center; width: 100px;}
</style>
</head>
<body>
<ul>
<li>home</li>
<li id="u
浏览 5提问于2012-11-29得票数 0
1回答
响应式导航栏故障
、、、
尽管我的导航栏出现了问题，但我还是试图让我的网页尽可能地响应。我想在我的容器大小中包括徽标和导航，但导航栏不会延伸到整个容器的宽度，否则它将溢出。下面是我的代码：
<!DOCTYPE html>
<html>
<head>
<title>Win Or Go Home</title>
<link rel="stylesheet" type="text/css" href="../css/nav.css" />
<!--[if lt IE 9]>
浏览 1提问于2013-07-23得票数 0
1回答
我真的需要你的帮助。我已经干了几个小时了，但没有结果。所以，我要进入专家和专家的互联网络。
为什么我的.tab_container div在右边超过我的主div？你如何解决这个问题？
这是一个问题的图片：
以下是所需结果的图片：
下面是有问题的HTML和CSS标记：
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-styl
浏览 0提问于2017-11-22得票数 0
回答已采纳
初学者来了！我正在跟踪Dani Krossing关于YouTube的一系列HTML和CSS，我还跟踪了他的系列。我以HTML格式访问了他的视频，并使用div导入了图像。然而，由于某种原因，它没有显示在我的网站上。我按照教程到了一家学校，但没有结果。请帮帮我。以下是HTML代码：
* {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}
body {
background-color: #eee;
}
.wrapper {
margin: 0 auto 0 60px;
width
浏览 9提问于2022-07-02得票数 -2
回答已采纳
1回答
这里有一些类似的问题，但没有一个解决方案适合我的情况。我有一个需要居中的导航。在UL中有一个子导航，需要左对齐到其父LI并水平布局。当我浮动子导航LI的左边时，UL保持其父LI的宽度。
我设置了一个固定的PX，但是sub需要是可扩展的，这样客户端才能添加或删除导航项目并保持布局。
这是我的HTML：
<nav>
<ul>
<li><a href="../who_we_are/who_we_are.html">Who We Are</a>
<ul>
浏览 0提问于2011-12-02得票数 0
3回答
我想中心的链接在子菜单(上图)，并使高亮区域(浅紫色)填补100%的宽度子菜单(悬停效果)。
HTML
<!doctype html>
<html>
<head>
<link href="style.css" rel="stylesheet">
</head>
<body>
<div class="header">
<div class="container">
<a hr
浏览 0提问于2014-07-28得票数 0
回答已采纳
我有一节课：
.top-level-menu {
list-style: none;
padding: 0;
margin-bottom: 12px;
width: 100%;
}
...which应用于此：
<template name="mnuScheduler">
<ul class="top-level-menu">
...yet菜单栏(由uls和lis组成)正好位于它下面的元素之上(一个HTML )，以及一个动态加载到其右侧的模板。
基于CSS，菜单栏和表之间应该有一些空间，模板应该显示在
浏览 1提问于2015-09-09得票数 0
回答已采纳
5回答
我有一个非常简单的下拉菜单，但在子菜单宽度上有一个问题。
点击这里查看：
我的HTML是：
<div id="navigation">
<div id="menu-dropdown">
<ul class="menu">
<li class="menu_punkt"><a href="http://itu.dk/people/lfel/Web-kodning/SOSfrontpage.html">Frontpage</a>
浏览 7提问于2009-12-13得票数 1
回答已采纳
5回答
我正在尝试在我的HTML中改变类的css。我已经为此挣扎了很长一段时间，我没有弄错我做错了什么。(我已经尝试了很多版本，但都没有结果)
例如:我想更改以下html上的行高：
game.html
<div class="game">
<ul class="each" data-bind="foreach: {data: rows, as: 'row'}">
<li class = "li">
<ul class="row" data-b
浏览 0提问于2014-02-21得票数 0
3回答
我正在学习HTML和CSS，我也是个新手，就这样说。
我正在制作一个网站，我已经做了一个水平导航栏在顶部与链接到网站上的其他网页，以及一个图标。
当我在浏览器中查看我的网站并使用检查工具检查元素时，列表元素"li.nav_bar_icon“变为80x82.55，标识为64个像素，从填充中得到8+8pixels，，但为什么IT 82.55是另一边？，额外的2.55像素来自哪里？
导航栏的代码如下所示：
HTML：
<div class="nav_bar">
<ul>
<li class="nav_bar_icon"
浏览 1提问于2020-04-03得票数 0
2回答
我知道这个问题已经被问了100次了，但我就是找不到一个对我有帮助的帖子。我正在尝试居中一个导航栏，而我的div的宽度是100%。我只想让我的导航栏居中。任何帮助都将不胜感激！这是我的HTML：
<! Doctype HTML >
<html>
<head>
<meta http-equiv="refresh" content="10" />
<title>NavBar WareHouse</title>
<link rel="stylesheet"
浏览 0提问于2013-01-24得票数 0
1回答
我正在重新设计，除了一些还需要添加的内容之外，我认为我已经解决了所有的问题。不幸的是，当我在Safari中检查页面时，我发现下拉导航菜单没有正确呈现。它在我检查过的所有其他浏览器中都能正常工作，但是在Safari中，当我在“实践区域”上悬停下来时，所有的子类别都有下划线。
(不幸的是，我没有足够的声誉来发布图片，所以你必须在不同的浏览器中打开网站，看看我在说什么)
在每一个其他浏览器上，只有您实际悬停在上面的项具有下划线。
我的CSS代码是：
/**NAV MENU**/
#sub_nav {
margin: 35px 0px 0px 550px;
font-size: 16px;
}
浏览 5提问于2013-09-10得票数 0
回答已采纳
我使用这个：作为我的基本菜单，它对底部固定菜单的效果非常好。也就是说，我需要显示当您将鼠标悬停在菜单上时出现的二级列表项，以便显示在上方、居中和内联(在一行上)，而不是显示在另一行的顶部。你知道我需要修改什么才能让它工作吗？我要为这件事抓狂了！
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Dropup Demo</title>
浏览 1提问于2012-12-29得票数 3
2回答
我需要帮助，使我的网站的导航菜单居中。
这是我的代码。它有什么问题？它不会将菜单与中心对齐。
HTML
<div class="menu_nav">
<ul style="font-family:Ubuntu">
<li><a href="index.html">Home</a></li>
<li><a href="activities.html">Activities</a><
浏览 0提问于2013-08-29得票数 2
2回答
响应式内容
、、
伙计们你们能帮我解释一下吗？我有以下代码，我不明白为什么h元素伸展到我设置的宽度，而li元素不会。
<!DOCTYPE html>
<html>
<head>
<style>
ul li,h1{
width:20px;
display:inline-block;
}
</style>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a
浏览 0提问于2016-12-29得票数 2
我一直在遵循在线教程来创建一个水平下拉菜单导航栏，只使用CSS和HTML。教程进行得很好，但是我想让我的导航栏成为一种流体，这样它就可以适应不同的浏览器大小，同时仍然是一个水平导航栏。
我听说这个流畅的CSS可以使用%和ems来实现，而不是固定的像素宽度，但是我尝试实现这个目标的尝试失败了。请任何人提供一些帮助，我可以实现这个流畅的CSS。
下面是我的HTML代码：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/ht
浏览 1提问于2012-02-27得票数 0
3回答
我有以下HTML
<ul id="nav">
<li>
<a href="#">Menu Item 1</a>
<ul class="sub_menu">
<!-- full of <li> sub menu items -->
</ul>
</li>
<li>
<a href="#">Menu Item 2</a>
<
浏览 4提问于2015-06-03得票数 2
回答已采纳
1回答
我试图在我的下拉菜单中创建一个悬停效果，但我想不出怎么做。
我想做的是：
而不是这样：
我的代码-你也可以看到它，
HTML:
<nav>
<ul>
<li><a href="#">One</a>
<ul>
<li><a href="1.html">1.1</a></li>
<li><a href
浏览 0提问于2013-04-22得票数 4
回答已采纳
2回答
下拉菜单打开时向右展开
、、、
我在下拉menu.Dropdown菜单打开时出现问题，我检查页边距、填充和白色值，但我没有在这里找到solution.There是活示例
HTML：
<div id="header">
<div class="nav">
<ul>
<li><span class="home"></span><a href="#index.html">Lorem ipsum</a></li>
浏览 3提问于2012-07-30得票数 0
回答已采纳
1回答
你好，我正在尝试为我的网站创建一个嵌套的下拉菜单，但是我遇到了这个错误，当我在每个主题的选项中编码时，下拉菜单出现故障，我不知道如何修复它。我不确定如何解决这个问题，任何帮助都将非常感谢。
html,body{
margin:0;
padding:0;
height:100%;
width:100%;
overflow: hidden;
}
body{
padding: 0;
margin: 0;
font-family: 'Lato', Arial, sans-serif;
}
#banner-container{
width: 80%;
浏览 16提问于2017-12-26得票数 0
回答已采纳
1回答
使子菜单比主菜单更宽
、、、
我有子菜单，我想要它，所以当下拉菜单是出来的，它有一个100%的宽度，涵盖整个页面。现在，如果我将宽度更改为100%，它只会使其与主菜单的宽度相同。
这是我当前的HTML：
<header>
<div class="header">
<div class="nav">
<ul>
<li> <a href="services.html">Services</a>
<ul c
浏览 3提问于2014-04-21得票数 1
回答已采纳
因此，这里有两个问题：
first :因此我想要创建一个导航结构，其中first ul树是一个普通的水平导航条，而第二ul树是位于first ul树的第一个选项下面的单个垂直导航条(实际上，子菜单的所有部分都将驻留在同一个位置，替换以前的子菜单ul，而另一个子菜单被激活)。
在这里，我已经让它在基本级别上工作了，不过我认为必须有比手动调整右元素的方法更好的方法，特别是因为我需要在多个屏幕大小上匹配(例如，包括使用jQuery Mobile的iPad屏幕大小)。
第二：所有子菜单中的最终li (出于任何原因，最后一个子菜单除外)的宽度都比li的的其他子菜单的宽度要长。
HTML:
<!D
浏览 1提问于2015-08-07得票数 0
回答已采纳
2回答
将列表元素拉伸到整个容器宽度
、、、、
我想让无序列表(Ul)元素(Li)扩展到它的容器宽度。自动生成列表。它可以是3个、4个或10个元素。我需要你可以在附图中看到：
HTML和CSS代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Stretch list elements to full container width</title>
浏览 0提问于2012-05-28得票数 1
回答已采纳
2回答
我正在尝试制作一个有边框的流畅的网页，但是当我使用css使它流畅的时候，围绕外部的正确边框就不在地方了。
HTML代码：
<!DOCTYPE html>
<html>
<body>
<div class="gridContainer clearfix">
<div id="LayoutDiv1">
<div id=
浏览 1提问于2015-08-28得票数 0
我在我的网站上使用了Son of Suckerfish下拉菜单。它在所有浏览器(包括IE8和更高版本)中看起来都很好，但在IE7中，当我将鼠标悬停在按钮上时，下拉菜单不会出现在按钮下方。相反，它显示在按钮的右侧，如下图所示。
我真的不知道为什么IE7还活着，但是的，客户仍然在使用它。
这是图片：
这是我的HTML
<div id="menutop">
<div id="menu">
<ul id="drops">
<li><a href="ind
浏览 1提问于2011-04-25得票数 0
3回答
试图在列中显示wordpress菜单项中的单词，限制其宽度。不能让它起作用。我尝试了“宽度：”，我尝试了“最大宽度：”，添加了“！重要”。我试着把它放进李里，我试着把它放进里甲，没什么用的。
实时链接这里
html代码
<div id="mainpage2">
<ul>
<li>
<?php wp_nav_menu( array( 'theme_location' => 'main-menu' ) ); ?>
</ul>
</li>
</div&
浏览 9提问于2014-01-24得票数 2
回答已采纳
2回答
嗨，伙计们，我开始在html5+css3中构建我的第一个站点，以响应为目标，但我有一个问题，试图添加一个视频后的标题。问题是我需要我的视频填充网站的总宽度。我试着用“宽度:100%”，它不起作用。
当我移除#body的"display:flex;“时，我想我将需要这个属性，因为我计划在#body中添加柔性框，如果我想在#body中添加柔性框，我需要将它设置为"display:flex”，对吗？我是html5 5和css3 3的新手，所以如果我错了，请纠正我。
如果有人能帮我那就太好了。谢谢!
HTML：
<!DOCTYPE html>
<html>
&l
浏览 2提问于2016-03-28得票数 0
回答已采纳
我的标题(#M_header UL)比其包含的块(#M_header)更宽，尽管它被设置为100%宽度。我最近刚开始使用%表示PX上的宽度，所以我对它很陌生。
代码：
<html>
<body>
<div id="container">
<header id = "M_head">
<h2><ul>Title</ul></h2>
</header>
浏览 3提问于2015-10-21得票数 1
回答已采纳
1回答
我似乎无法让任何媒体查询起作用。我不知道为什么。我尝试了无数种不同的东西。只是不起作用。
CSS:
@media screen and (max-device-width: 320px) {
#sidebar {
display: none !important;
}
}
HTML:
<body>
<div id="sidebar">
<ul>
<li><a href="about.html">About</a></li>
&l
浏览 2提问于2013-11-25得票数 1
HTML：
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a>
<ul><a href="#">Power tools</a></ul>
<ul><a href="#">Decorating</a></ul>
浏览 3提问于2014-07-15得票数 0
回答已采纳
4回答
我需要在html 4X2中创建UL列表。
像这样的东西
item1 - item2，item3 -项目4
item5 - item6 -项目7-项目8
这和ul列表有关系吗？
我知道如何创造克拉西奇地契。喜欢
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
浏览 1提问于2014-01-27得票数 1
回答已采纳
我的问题是菜单。菜单中只有一个.active类li元素，但是.active样式适用于菜单中位于其位置右侧的每个li元素。这个问题只存在于IE7中。到目前为止，我已经尝试更改选择器，修改html，甚至重新安排规则，希望它能够得到解决。
链接：
<div class="menu">
<ul>
<li class="active"><a href="index.html"><span>ACCUEIL </span></a><img src=
浏览 3提问于2011-12-29得票数 1
4回答
为什么(在悬停时)下面的部分会溢出到UL的盒子里？
它不应该周围有一个3px边框来防止这种情况发生吗？
这是标记
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#container {
width: 200px;
float: left;
font-family: Arial;
font-size: 10pt;
}
#one {
height: 200px;
border: 1px solid red;
浏览 3提问于2013-11-21得票数 1
回答已采纳
我对HTML和CSS还比较陌生。我正在为课堂工作的投资组合网站，并没有使用Bootstrap。
我似乎无法摆脱页面右侧这个奇怪的小空间。我要我的肚脐跨越整个页面的长度！同样的事情发生在我的标题图像，即使我改变了边距，填充等。我没有想法！
任何帮助/想法都将不胜感激。非常感谢!
/* GENERAL */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;700&family=Patrick+Hand&
浏览 10提问于2022-05-16得票数 0
回答已采纳
4回答
为什么我的彩车不工作？
、、、
我试图创建一个网站的页脚，并需要有两个两边的链接集。我把它们都放在一个div中，左边和右边的链接都在uls中，它们自己的div都有ids。这是我的HTML：
<div class="bb">
<div class="fl">
<ul>
<li><a href="link">Advertising</a></li>
浏览 0提问于2015-05-08得票数 0
1回答
图像只在Chrome中调整大小？
、、、、
我有一组图像，应该根据浏览器当前窗口的大小来调整大小。这是由CSS属性设置的；
#photoframe {
white-space:nowrap;
height:50%;
float:left;
}
#photoframe img {
height:100%;
width:auto;
}
现在使用的是chrome，而不是任何其他浏览器。
示例
这个例子在chrome中工作，完全符合我的需要，但是这个例子在IE或Firefox中不起作用？
我的代码
也许有人会发现这很有用。
全HTML
<!doctype html>
<
浏览 2提问于2014-06-29得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
