1回答
我有困难，使背景图像流到底部的网站在我的侧边栏。我做错了什么？另外，页面中间的内容已经决定要打包了，我也不知道如何解决这个问题。
我怎样才能让它成为一个均匀的三列布局？
下面是css和html
h1{
background-color: black;
background-image: url(logo.png);
background-repeat: no-repeat;
font-family: Peralta;
color: white;
height: 75px;
padding-top: 25px;
padding-l
浏览 4提问于2015-11-25得票数 1
回答已采纳
4回答
我有以下的响应网站工作方式，我希望它在所有的设备。剩下的唯一问题是使下拉菜单可滚动，以便当下拉菜单中的选项数超过设备屏幕上的选项数时，有一种方法可以滚动它。
这些下拉菜单用于在开发过程中滚动，如本例()所示。但由于我需要增加固定高度等，以获得这个设计的方式，它有许多这些下拉菜单无法滚动。如何在保持站点当前功能(即保持不变的页脚)的同时，恢复此可滚动功能？
以下是它在智能手机和计算机视图中的外观：
智能手机：
计算机：
您可以在这里查看此测试站点：
您可以在这里下载代码：
下面是HTML：
<!DOCTYPE html>
<html>
<head
浏览 4提问于2016-11-19得票数 3
回答已采纳
1回答
我刚刚开始使用bootstrap，并且有一个可能很容易解决的问题。我发现了类似的问题，但它们都与移动有关，而我的问题是桌面。它在手机上运行得很好。
我有一个导航栏设置在我的页面顶部。它包含一个下拉菜单，其中包含一个项目列表。一旦这个列表变得太长，它的其余部分就会被截断，无法滚动。
我知道子菜单不再是bootstrap 3.0的一部分，我也不想使用它们。我只希望无论列表中有多少项都可以滚动。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"&
浏览 4提问于2015-07-21得票数 4
回答已采纳
我用jQuery做了一个导航条，它应该在点击时切换下拉菜单。大多数功能都是按其应有的方式工作的。
$(function()
{
var tab = $(".dr-head");
var childList = $(".child-list");
tab.click(function(e)
{
e.stopPropagation();
if ($(this).children("ul").css('opacity') == '0')
浏览 3提问于2015-08-14得票数 0
回答已采纳
3回答
我正在使用Twitter引导程序，并试图自定义Navbar。
我有一个JSFiddle 。Navbar的高度为75 of，但内容的高度不变。
下面是我的HTML的全部内容：
<!DOCTYPE html>
<html>
<head>
<link href="dist/css/bootstrap.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div class=&#
浏览 5提问于2014-01-18得票数 1
为什么本例中的<ul>、<li>和<a>元素的高度不同？
HTML
<ul class="links">
<li class="first">
<a href="#">My Account</a>
</li>
<li>
<a href="#">My Cart (3 items)</a>
</li>
<li class=" last"
浏览 0提问于2016-04-25得票数 0
1回答
我想把3项产品(Dvr& Kits.spy camares，alarmes)放在产品下拉菜单下，但这些项目也是在bottom_menu内水平出现的，请帮助我，我是css的新手。
* {
margin: 0px;
padding: 0px;
}
.header_wrap {
width: 100%;
height: 160px;
background: red;
position: relative;
}
.main_wrap {
width: 100%;
height: 1475px;
background: gree
浏览 3提问于2015-10-10得票数 1
回答已采纳
1回答
我正在使用引导4。我想复制这个页面的设计：
为了更清楚的想法，我用红色bg来稀释我所需要的东西。
我可以改变肚脐项目的背景颜色为红色，但在顶部和底部有一个缺口。
我怎么才能解决这个问题？
CSS代码：
li.nav-item:hover {
background-color: red;
}
代码：
<nav class="navbar navbar-expand-md navbar-dark fixed-top navbar-bg">
<!--<a class="navbar-brand" href="#&
浏览 0提问于2018-09-30得票数 0
回答已采纳
4回答
我有一张地图和一张地图下面的清单。当我滚动时，我希望地图保持固定，但地图下的列表要滚动。
我的HTML是：
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-
浏览 2提问于2015-08-19得票数 3
8回答
我想要水平对齐的li元素都有相同的高度和一些最低的高度。我希望随着li元素高度的增加，容器div的大小从最小高度增加。下面是我尝试过的东西：
HTML：
<div id='d'>
<ul id='u'>
<li class='l'>item 1 long item long item long long long long long long</li>
<li class='l'>item 2</li>
<li class=
浏览 9提问于2013-11-19得票数 1
回答已采纳
2回答
我是网页设计的新手。我自己已经学会了，但是我很难理解"CSS“。我试图建立一个简单的网站，如果我想插入图像使用CSS，而不是使用img标签，但图像没有显示。
它只发生在一个图像，有透明的背景和300 and /300 and。
我的文件夹目录：
index.html
图像(文件夹)
css (文件夹)
以上是我在我的项目中的文件。下面是我用过的代码。
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>XYZ</title>
<
浏览 4提问于2013-07-25得票数 1
回答已采纳
2回答
我正在试着为Bootstrap修改一个叫做‘代理’的主题。我遇到的具体问题是，我希望圆形徽标(右上角)响应并随着屏幕的缩小而缩小。我尝试将img响应类标记添加到图像中，但不起作用。我想知道之前的a类是否覆盖了img响应类？
这是导航部分的html。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=
浏览 2提问于2015-06-29得票数 1
2回答
肚脐是固定的，所以当我移动到/team时。页面的内容隐藏在导航栏后面。我试着增加页边距，但仍然不起作用。是否可以在导航栏之后添加team组件内容？
脐棒css
nav {
display: flex;
justify-content: space-around;
align-items: center;
min-height: 6vh;
background-color: white;
position: fixed;
width: 100%;
}
这里是jsx文件。
import React from "react";
浏览 9提问于2022-03-10得票数 2
回答已采纳
2回答
我有一个标题div标签背景，我试图将横幅div标记放在上面，这样它就可以显示图像。但它没有出现。我不知道怎么修好它。
标题标记CSS：
#header-wrapper
{
overflow: hidden;
width: 650x;
background: #659EC7 url(images/overlay.png) repeat;
}
#header
{
}
横幅标签CSS：
#banner
{
background: url(images/banner.png);
}
这是我的标题HTML代码。我把
浏览 6提问于2014-01-28得票数 0
回答已采纳
3回答
我正在测试引导导航栏，以及我是如何不太了解样式的。当我单击图标时，在图像边界外会出现一个虚线帧，如下所示：
我知道这与页面风格有关，但不知道如何解决。下面是我使用的确切代码：
<!DOCTYPE html>
<html>
<head>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet"
浏览 5提问于2016-02-20得票数 0
回答已采纳
1回答
按下展开导航
、、
我遇到的问题是，当我点击一个按钮时，我想让导航器扩展，但是它现在所做的是，它看起来有点浮在其他的上面。或者它是另一个在它下面创建的div。
为了更清楚地理解正在发生的事情，我建议您运行这个片段，因为我很难解释到底发生了什么。
这个问题只是相对于移动菜单。
我也使用引导css，但它会影响<div class="container">。
我已经试图解决的问题是：
删除引导css
将<nav>更改为div元素
将所有位置改为相对位置
改变了浮子的一些东西
因此，这是我使用的代码中最重要的部分。
/*JS for the hide/s
浏览 0提问于2015-03-07得票数 0
回答已采纳
我一直在做我的作品组合，我偶然看到了这个视频，在这个视频中，你悬停导航链接，它们会向上过渡。
css溢出方法，我已经根据视频应用，将删除重复的导航链接(关于我，工具等)。但这对我不起作用，我也不知道为什么。
相关HTMl：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE
浏览 29提问于2021-05-18得票数 0
回答已采纳
1回答
滚动下拉菜单推送内容
、、、
我有一个下拉菜单，它运行良好。当它被更改为允许滚动时，添加了太多的项目，然后它。
没有滚动的下拉列表不会将其向下推，但滚动的下拉列表会将其推下。
JS
var maxHeight = 300;
$(function(){
$(".dropdown > li").hover(function() {
var $container = $(this),
$list = $container.find("ul"),
$anchor = $container.find("a"),
浏览 1提问于2014-03-12得票数 0
3回答
如果我在元素中放了很多文本，文本就会流过我的页脚。如何使我的页脚保持在底部，无论是否有大量的文本或没有文本。
以下是我的HTML：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Test Site</title>
<link rel="stylesheet" type="text/css" href=&#
浏览 3提问于2014-07-07得票数 0
回答已采纳
编辑: Fiddle似乎无法正确加载Twitter Bootstrap，因此我建议您将我的超文本标记语言和CSS代码复制粘贴到桌面上的一个空白.html文件中，然后使用该文件进行故障排除。请记住正确包含Twitter Bootstrap 3( CDN在下面的HTML代码中)，因为只有包含Bootstrap时才会出现问题。
这是我的小提琴/代码：
下面是小提琴中的代码：
HTML：
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bo
浏览 0提问于2015-06-07得票数 1
3回答
我想设置一个未排序的列表作为“背景”。为此，我将其设置为非常宽，以便匹配打开页面的任何屏幕，包括2560px宽度。但是我不能用CSS把它完全居中，除非有什么窍门之类的。我愿意走jquery的路。从技术上讲，ul将具有与背景位置相同的效果:top center；
而不是代码，我附加了一个图像与它应该工作的方式(添加了代码)
<div style="background-color:black; width:100%; overflow:hidden; height:302px; text-align:center; position:relative">
<ul
浏览 1提问于2012-11-14得票数 0
1回答
目前，我正试图通过指定width:100%和float:left来弥补与内容重叠的页脚，这样它就只会放在内容下面。
然而，在我的iPhone上，页脚仍然重叠着我的内容.我不明白为什么。我删除了缓存/等等..。而且它仍然重叠。CSS对另一个页面有效，但此页面不起作用。
CSS:
html {
background: #000;
}
body {
margin: 0;
padding-left: 40px;
padding-top: 25px;
}
#container {
min-width: 900px;
overflow: hidden;
}
浏览 1提问于2013-04-28得票数 0
回答已采纳
3回答
我有一个服务器生成的html，如下所示：
<ul>
<li><!-- few nested elements that form a block --></li>
<li><!-- few nested elements that form anaother block --></li>
<li><!-- etc, X times --></li>
</ul>
所有块都有已知的宽度200px和未知的高度。我希望<li>以表格的方
浏览 5提问于2010-04-26得票数 16
回答已采纳
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回答
我希望我的标题是一个全屏背景。
代码工作在其他网站，我以前做过，但现在它不工作。
请帮帮忙。
其他网站的代码是相同的。而且它是有效的。
这是我的html5和css3：
body {
margin: 0px;
padding: 0px;
font-family: roboto;
}
header {
background: url('./pics/bg1.jpg') 50% 50% no-repeat;
width: 100%;
height: 100%;
background-size: cover;
}
<!DOCTYPE html&g
浏览 0提问于2018-02-26得票数 0
回答已采纳
1回答
一段时间以来，我一直在努力弄清楚为什么导航栏的颜色没有显示出来。请看下面的CSS，告诉我哪里做错了。
#header {
position: relative;
top: 20px;
background-color: blue;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-color: #ffffff;
overflow: hidden;
}
li {
border: 2px solid #000000;
font-family:
浏览 6提问于2014-03-14得票数 0
我以为这会有用，但它没有。我做错了什么？
html, body {
min-height: 100vh;
}
header, footer {
background-color: blue;
height:100px
}
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/aja
浏览 7提问于2022-03-19得票数 1
回答已采纳
2回答
我有在调整窗口大小时动态设置li宽度的代码。它将100%除以当前的li标记数。
代码如下所示：
$(document).ready(function() {
var num = $('li').length;
var width_li = 100 / num;
$('li').css('width', width_li + '%');
});
在这里进行测试：
我如何让它将li标记中的图像调整为？
浏览 6提问于2012-12-30得票数 1
回答已采纳
这是我的html：
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<title>CRIBBEO</title>
<link href="css/bootstrap.min.css" rel="styles
浏览 0提问于2018-06-20得票数 0
我有个按钮..。实际上是一个充当<li>的角色。我用填充物塑造它，没有给它任何高度。对于单击效果，我在active上设置字体增加+1。现在，在Firefox上，它扩展了按钮，这不是我想要的。在铬上，它是正确的，并保持按钮大小不变，同时增加字体大小。我可以通过设置按钮高度来解决这个问题--没问题。虽然这并不理想。
但我只是想知道什么是正确的行为？字体大小是否应该扩展按钮？
我认为，在IE退出的情况下，两个兼容的浏览器应该就如何在常见场景中呈现内容达成一致。
谢谢。
更新
我为没有包括CSS而道歉。我觉得用词很简单。这是样品..。
<!DOCTYPE html>
<
浏览 0提问于2014-04-29得票数 0
回答已采纳
3回答
我正在为我的自动绿色房屋做一个小网站，但我跑到一个扭结马上！我的“标题栏”就这么消失了！如果有人能帮我解决这个问题，我会爱你很久的！
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>UrbanSector</title>
<link rel="stylesheet" type="text/css" href="css/custom.css">
&
浏览 6提问于2014-11-17得票数 0
回答已采纳
我试图创建一个完整的宽度，固定高度，旋转木马图像滑块的主页，我正在工作。
也就是说，图像被缩放到一个固定的高度(匹配旋转木马高度(宽度不重要))，响应性地缩放，就像页面本身一样。然而，我希望我的滑块重量更轻/更简单。
到目前为止，这是我的代码：
(这是头)
<head>
<!-- Flex Slider API JS -->
<link rel="stylesheet" href="flexslider.css" type="text/css">
<script src="http
浏览 2提问于2015-04-25得票数 3
回答已采纳
2回答
CSS字体大小破坏位置
、、、、
我有两个相当不相关的元素，.menu和.content_selection_button。唯一将它们联系在一起的是，它们都在同一个<ul>中的<ul>元素中，除了它们没有共享之外。然而，由于某种原因，当我改变.content_selection_button的字体大小时，它会影响菜单的垂直位置。我也遇到了类似的问题，。为什么字体大小会毁了我的位置，我该怎么阻止呢？
字体尺寸10
字体尺寸25
菜单CSS
.menu {
display: inline-block;
background-color:lightblue;
ma
浏览 2提问于2014-03-21得票数 0
回答已采纳
我的应用程序有一个问题，当页面调整大小时，左边的菜单有很大的差距。我玩过css文件，但我还没有成功地使用它.我们会非常感谢你的帮助。
CSS类：
.Login
{
margin-right:40px;
}
.headerColor{
background-color: #0083AA;
color:black;
position:fixed;
}
nav > div > ul > li > a{
background-color:#0083AA;
color:black;
}
.leftMenu {
w
浏览 1提问于2015-10-21得票数 0
回答已采纳
3回答
您可以在这里访问我的测试页面：
左边的按钮(处于平衡状态)，只有上半部分可以点击，下半部分不能工作/点击。我已经检查了CSS样式文件，什么也找不到，我尝试了很多解决方案，但都没有效果。
按钮代码：
<ul>
<li id="l2"><a href="dashboard.php"></a></li>
<li id="l3"><a href="trackingPanel.php"&
浏览 10提问于2015-11-10得票数 2
回答已采纳
2回答
我创建了一个带有Bootstrap的CSS的导航。这是伟大的工作，直到我添加了图像(徽标和奖励标志)。我添加的3幅图像是471x249、251x117和275x300，当我查看导航时，图像是巨大的。我注意到这句话：
.nav>li>a>img {
max-width: none;
}
我试着玩最大宽度，这只会让它看起来更糟。
这是完整的导航：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
浏览 0提问于2015-03-04得票数 0
回答已采纳
我想根据点击的按钮上下滚动新闻文章列表
如果可能的话，我想采用这种动画方式：
function smoothAdd(id, text)
{
var el = $('#scroller' + id);
var h = el.height();
el.css({
height: h,
overflow: 'hidden'
});
var ulPaddingTop = parseInt(el.css('padding-top'));
var ulPaddingBo
浏览 7提问于2011-10-30得票数 2
回答已采纳
我做了一个CSS导航栏，除了一些错误的CSS副作用--
我试图在每个列表块中对文本进行垂直居中，而vertical-align: middle没有工作。相反，我使用的是padding-top: 13px，但这会呈现没有列表元素其余部分的background-color的填充区域，并且链接的display: inline block样式也会扩展到填充区域！(a:hover只影响填充区域下面的区域)
那么，在没有这些CSS问题的情况下，我如何在列表元素中垂直地对文本进行居中呢？
以下是相关的CSS：
/* header section */
#header
{
padding-left:
浏览 2提问于2012-04-08得票数 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
我有一个这样的设计：
我在CSS部分中提供的宽度和高度代码不起作用。为什么会是？
.social-media {
height: 165px;
width: 35px;
}
<li>
<a href=""><img class="social-media" src="./img/gmail.png"></a>
</li>
<li>
<a href=""><img class="social
浏览 2提问于2022-11-08得票数 0
回答已采纳
1回答
我有CSS导航
.navigation{
float:right;
width:718px;
background-image:url('http://inauguralseason.com/images/nav.png');
}
.navigation ul {
float: right;
list-style-type: none;
margin: 0;
}
.navigation li {
float: left;
}
.navigation ul a {
color: #FFF;
displa
浏览 1提问于2012-09-22得票数 1
回答已采纳
如果您有两个表列，一列的内容比另一列高，那么另一列内的div就不会扩展到第一列的列中，即使使用height:100%。如何使用CSS创建此行为？
<table>
<tr>
<td class="one">
<ul>
<li>fasdf</li>
<li>asgasdf</li>
<li>afdsaggrea</li>
浏览 6提问于2014-01-12得票数 0
回答已采纳
因此，我必须重新制作这个页面的html/css布局：
我试图复制atm的是html页面上的灰色边框。我可以通过添加以下代码来获得边框：
html {
background-color: #D4D2DB;
}
body {
margin-left: 10%;
margin-right: 10%;
background-color: white;
}
但现在，当我进入一个页面，其中有很少或没有文字，我得到一个巨大的灰色区域在页面的底部。是否有一种方法可以让我始终将主体加载到页面底部，还是在我自己的css文件或引导css文件中键入其他内容更好呢？
示例：
浏览 3提问于2017-09-19得票数 0
回答已采纳
在使用Jquery mobile时，Nivoslider图像动画有问题。
我希望幻灯片出现在多个页面上。当我在第1页和第2页之间来回单击时，图像显示为隐藏，然后向下滑动并正常显示。这个问题只是偶尔发生，而且似乎与幻灯片之间的暂停有关。
当设置NivoSlider选项"manualAdvance: true“时，问题就解决了。理想情况下，我希望这个设置为false，以便幻灯片是自动的。
不确定这是CSS问题还是JS问题？
我已经使用了JQM pagechange函数来尝试在每个页面上重置幻灯片：
$(document).on("pagechange", function
浏览 2提问于2013-09-05得票数 2
我目前正在练习我的响应式设计技能，并且遇到了一个我不能理解的错误。当设备屏幕低于768px时，我希望它显示图标，而不是正常的导航栏。我希望这些图标垂直居中。然而，当我在全屏幕上运行下面的代码时，导航栏是垂直居中的，但当你缩小到移动大小时，图标不是垂直居中的。任何帮助都将不胜感激。
HTML：
<!DOCTYPE html>
<html>
<head>
<title>Colmar Academy</title>
<link rel="stylesheet" type="text/css&#
浏览 0提问于2018-09-27得票数 0
我有一个问题，当div的内部内容(如ul，其他div等)改变时，它的高度不会改变，这不是CSS中设置的。
我的html代码：
<div id="main_wrapper">
<div id="navigation">
<ul>
<li><a href="#"> link one </a></li>
<li><a href="#"> link two
浏览 2提问于2013-09-27得票数 1
我有一个给定的标记，我正在尝试将其应用于某些样式。几乎没有(但有一些)标记的灵活性，如果可能的话，最好只在CSS中做到这一点。
每个<li>的<li>都是基于内容的可变高度，但最后，我希望所有的div都具有相同的高度(最大列的高度)。
做这件事的最好方法是什么？
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>Table row</title>
<style type="text/
浏览 0提问于2011-06-17得票数 1
回答已采纳
3回答
如何更改背景图像的大小？
、、、
我已经建立了一个网站，其中有两个以上的图像彼此。我使用background: url("../image")属性添加了第一个。 问题是我不知道如何使其更小，每次我将宽度更改为较小的量时，它看起来像这样[图像1 li {
display: inline;
padding-right: 60px;
}
.navigacka {
background: red;
text-align: center;
padding: 10px;
color: white;
}
.logo {
padding: 60px 0;
浏览 16提问于2020-12-03得票数 0
2回答
我在我的页面页脚有一个菜单，它的内容来自数据库。
html：
<footer>
<ul>
<li class="submenu">
<a href="">Foo</a>
<ol>
<li><a href="">Lorem ipsum</a></li>
<li><a href=&
浏览 1提问于2014-07-18得票数 0
我已经将html文档设置为min-height:500px；但我需要将其设置为不必调整footer div的位置，footer div当前设置为position:absolute；top:500px；
这是我的html
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="assets.css">
<link href='http://fonts.googleapis.com/css?family=
浏览 0提问于2014-02-19得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
