1回答
在下面的html代码中，
<body>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. <img src="LittleBrain.jpg"> Ut
enim ad minim veniam, quis nostrud exercitation ullamco l
浏览 3提问于2016-09-04得票数 2
回答已采纳
我有这个html和CSS：
<div style="background-color:Red; width:200px; height:200px;">
<div style="background-color:Blue; width:50px; height:50px; float:right;">aa</div>
<div style="background-color:Green; width:50px; height:50px;">aa</div>
我以为它会把蓝色的盒子放在
浏览 1提问于2011-06-30得票数 0
回答已采纳
3回答
我有以下CSS：
label{
float:left;
margin-left:24px;
}
button{
margin-left:24px;
}
对于此HTML：
<label>
<input>
</label>
<button>
我希望按钮是在标签的24个像素的距离上找到的，但是直到我将按钮浮动到左边才会发生这种情况。我可以参考CSS规范的哪个部分来理解为什么会发生这种情况？
(请原谅我的英语。)
浏览 3提问于2011-05-25得票数 3
回答已采纳
3回答
我有3个div，堆栈在另一个之上。都具有相同的宽度和高度，例如500px x 500px。 顶部div向右浮动。第二个边距-左和边距-右设置为auto。第三个向左浮动。所有都有相同的页边距，顶部为50px，并且全部清除:两者都有。 当然，有一个包装器div包装了3个div，宽度为100%。 问:为什么第二个div页边距顶部没有推动50px的页边距，而是与顶部div页边距重叠？ 我试着在这里寻找类似问题的答案，但没有一个是我正在寻找的。 这是我正在做的html和css的一个示例。 <!DOCTYPE html>
<html>
<head>
<style
浏览 2提问于2014-07-16得票数 2
我有一系列嵌套的div，如下所示：
HTML和CSS在下面。但是，正如您从图像中看到的那样，右上角div (.inner-top-mark)没有填充它的整个高度。我已经确定可以通过将div的display:设置为flex、table或inline-block来解决这个问题。我的问题很简单，为什么当.inner-bottom-opts div没有同样的问题时会发生这种情况。我见过一些类似的问题，但似乎没有一个能解决问题的原因，每个人提出的具体解决方案似乎因具体情况而异，因此对防止未来的问题是没有帮助的。
HTML：
<div class="container">
浏览 3提问于2016-07-29得票数 0
回答已采纳
3回答
我对CSS/HTML很陌生，并且很难理解为什么当将文本"Title“从div.position容器标签中放下来时。谢谢你的帮助。
CSS代码：
div {
display: inline-block;
}
.position {
float: left;
}
HTML代码：
<div>
<label>Label</label>
<div class="group">
<div class="position">
<
浏览 3提问于2014-09-29得票数 0
回答已采纳
1回答
浮动元素忽略填充吗？
、、、
的答复指出：
当您浮动一个元素时，它实际上是将它从文档流中取出，因此向它的父元素添加填充不会对它产生影响()。..。
还指出：
..。当元素被浮动时，它将从文档的正常流中取出。它被移到左边或右边，直到它接触到、其包含框的边缘、或另一个浮动元素。
嗯，不知怎么的，我在父元素中添加了填充，并且浮动的元素被移动了：
#a{
width: 100px;
height: 100px;
background-color: red;
float: left;
}
#parent
{
padding: 100px;
}
<!DOCTYPE h
浏览 5提问于2016-08-07得票数 3
回答已采纳
1回答
我有一个Html和CSS格式的网页，还有这个联系页面。但是我想把这个图片放在页面的右边，但是如果我这样做了：float: right;，它似乎不能工作。我也尝试过align，但显然唯一接近它的是text-align。如果需要，下面是我的代码(HTML)：CherryPlaysRoblox
</head>
<body>
<div class="outer">
<ul>
<li><a href="home.html">Home</a></li>
<l
浏览 1提问于2016-11-06得票数 1
回答已采纳
这是我之前使用的标记和样式的一个简化示例。我以前也问过类似的问题，但还没有得到我完全理解的答案。您可以举一个简单的例子来更好地解释为什么我必须使用clear:both才能使padding-top工作。我确实想真正了解float和clear。
所以我的问题是:我仍然不能理解为什么我必须在#message声明中使用clear:both才能使这个声明工作
#message p
{
padding-top: 30px;
}
<!DOCTYPE>
<html>
<head>
<title>testing</title>
浏览 0提问于2013-08-09得票数 1
在knitr::knit2html()的html输出中添加目录的可能方法是什么？
我熟悉markdownHTMLOptions解决方案。但是结果不是好看的吗？对我来说，拥有这样的目录是很重要的，这样它就可以在滚动的同时跟随网页，我可以随时导航。
浏览 4提问于2013-10-28得票数 2
我正在努力学习html/css，现在我只能尝试理解float是如何工作的。
我有以下问题:当红色div向右对齐时，布局就是我想要的。但是，当我把它对齐后，棕色的div会下降到底部。
有人能解释一下为什么会这样吗？
我在有一个例子
<div id="container" style="width:300px;height="300px";float:right">
<div id="yellow" style="background-color:yellow;height:200px;width:100px
浏览 7提问于2014-01-26得票数 3
回答已采纳
2回答
嘿，伙计们，我在上面有一个代码笔链接，这样你们就可以看到了。我在将中间框居中时遇到了一些问题。我该怎么做呢。当我将它居中时，当我缩小浏览器时，中间的框似乎偏向于一侧
这是我的代码
#box{
border: 3px solid red;
}
#space{
text-align: center;
}
#leftcolumn {
width: 300px; border: 1px solid red; float: left; margin: 40px;
margin-right: 20px;
}
#rightcolumn {
width: 300px; bor
浏览 0提问于2013-11-21得票数 0
2回答
我正在尝试以某种方式对齐一些div。为了帮助调试正在发生的事情，我决定向div添加边框，以研究它们是如何定位的。但是边界看起来很奇怪。下面是html：
下面是CSS：
结果如下：
我做错了什么？谢谢!
浏览 0提问于2012-05-07得票数 0
回答已采纳
我正在尝试学习一些基本的CSS。我在设计一个列表的样式时遇到了麻烦，这个列表看起来像我的教练为一个小练习提供的列表。 ul#menu li {
display: block;
border-block-end: 0px;
background-color: #66c;
margin: 2px;
list-style-type: none;
padding-left: 5px;
padding-top: 2px;
}
#menu {
background-color: #64a;
}
#menu a {
color: white;
text-de
浏览 12提问于2019-05-25得票数 0
回答已采纳
链接到jsfiddle是在下面，请添加图像，因为我在本地测试，我想要一个网站，应用程序是在移动上。我用过html、css和jquerymobile。
我的测试站点：
而jsfiddle是
<div id="home" data-role="page">
<div data-role="header">
<h6> welcome to Digital Justice</h6>
浏览 4提问于2014-07-12得票数 0
这似乎是一个非常基本的问题，我很不好意思问这个问题，但是我对我的Fragment学习曲线感到非常沮丧，所以我会暴露我的无知。
在一本教科书中有一个例子，它削减了许多使扩展变得困难的角落，如果它们能工作的话，就没有按钮可点击；MainActivity只是加载了FragmentA。好吧，保持基本状态。我明白了。
因此，我向MainActivity添加了一个按钮，以单击加载FragmentA，但是该按钮显示在FragmentA屏幕上，有点像这样(不是实际的屏幕快照，而是关闭)：
如何防止这种情况？应该使用第二个Activity而不是Fragment吗？由于这一努力将被用于更大的项目，我不想
浏览 1提问于2015-08-31得票数 2
回答已采纳
2回答
有没有人能回答我，为什么当我给我的<div id="logo">设置一个页边距-顶部时，所有其他的div都被下推了。为什么如果set float:留给我的<div id="logo">，一切都很好。
代码：
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>Olá Mundo!</title>
<style>
/* CSS RESET HERE */ ( http://h
浏览 1提问于2010-09-02得票数 6
回答已采纳
我尝试在我的asp.net网页上显示详细信息时遇到一些问题。我试图在页面的左侧显示详细信息，也能够在页面的右侧创建一个项目。我为create部分使用了一个局部视图，并使用了以下html
ViewLift
<div>
<h4>Lift</h4>
<hr />
<dl class="dl-horizontal" id="details">
<dt>
@Html.DisplayNameFor(model =&g
浏览 9提问于2017-07-17得票数 0
回答已采纳
1回答
我有一个网页，其中包括链接，以内联块的形式，到几个页面。我的链接保持在相同的高度，只要它们有相同的文本。像这样：
但是，当我更改框中的文本时，有较少字符的框比另一个要低。像这样：
有人能告诉我为什么会发生这种事，以及如何解决吗？
下面是我的HTML、CSS和JavaScript：
//The JavaScript is probably irrrelevant, but maybe not
//Set menu block height proportionally to the width
var menuAWidth = $('.menu a').css('wi
浏览 3提问于2015-11-27得票数 1
回答已采纳
1回答
我目前有以下HTML标记：
<td class="title">
<img src="my-image.png" class="thumbnail" />
<span class="name">Product 1 Name</span>
<span class="code">EA-55</span>
</td>
我想将缩略图向左浮动，然后在它旁边的换行符上显示每个跨度。因此，输出应如下所示：
+------+
浏览 0提问于2012-02-26得票数 2
回答已采纳
我使用以下HTML将图像和链接放在一个层的中心位置：
编辑:一个更好的例子
<style> body {
background-color:#000;
color: #FFF;
} a { font-family: "Broadway",
Broadway,monospace; font-size:
14px; color:
#FFF; }
#images a {
width: 24.99%; display: block;
float: left; text-align: center; }
#container; { top:
浏览 1提问于2008-11-20得票数 1
回答已采纳
1回答
我有一个示例代码：
<html>
<head>
</head>
<body>
<div style="float:left;" id="1">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>
<div style="border:1px solid black;" id="2">
bbbbbbbbbbbbbbbbbbbbbbbbbbb
</div>
</body>
</html>
d
浏览 2提问于2014-02-13得票数 1
回答已采纳
1回答
如何将div和其他div保持在下一个“行”上，但在页面第一次加载时不在其下。
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title></title>
</head>
<body>
<div id="header"><h1></h1><
浏览 0提问于2015-03-17得票数 3
回答已采纳
这是我的
在我的Fiddle链接中，我已经浮动了我的左边栏和右边栏。据我所知，浮动元素将从html正常流中删除。我只是不明白，如果是这样，它为什么要取代我的右边框。
<div class="content-area">
<div class="left-sidebar"></div>
<div class="main-area">hi</div>
<div class="right-sidebar"></div>
我的css：
.content-a
浏览 1提问于2013-08-09得票数 0
回答已采纳
它是这样发生的：
使用此HTML：
<div style="border:1px solid">
<img style="float:left"> text
</div>
浏览 3提问于2011-12-29得票数 2
回答已采纳
我有一个无序列表作为我网站的导航栏。在我的Mac上，它在Safari、Chrome和Opera上看起来很棒。然而，在Windows IE和Firefox (任一平台)中，它将所有本应在一行中的项目放在一行中，并将其中的一到两项下推到第二行。有没有什么办法来解决这个问题？也许这是IE或firefox中使用的字体大小，而不是Safari和Opera？
下面是HTML：
<ul id="navbar">
<li class="home"><a href="index.html">Home</a></
浏览 1提问于2012-02-10得票数 0
我只想要3个DIVs叠加在一起。它不是很多的代码，当我在没有任何内容的情况下简单地完成它时，它会正确地堆叠起来。我不确定我做错了什么，但代码如下。我想在中间的内容DIV下面再加一个DIV。这是用于底部信息栏的。我知道z-index更多地用于层，这对我的知识没有好处。
这是我的HTML代码：
<html>
<head>
<title>Mt. Rose, City of Refuge MEdia</title>
<link rel="stylesheet"
href="storage/
浏览 0提问于2012-04-19得票数 0
1回答
我想在圆圈里显示一段文字，所以我写了这段代码：
public class ArcTextView extends View {
private static final String QUOTE = "Cenral Line Is The Best Line";
private Path circle;
private Paint tPaint;
public ArcTextView(Context context) {
this(context, null);
}
public ArcTextView(Con
浏览 3提问于2017-06-22得票数 1
1回答
Jade模板没有按预期显示页面
、、、、
我使用Node.js & express，对于使用Jade模板的视图，我想要的是测试文本将位于黑色导航栏的底部，而目前我无法这样做(它隐藏在黑色肚脐下，如何将它移到底部)，我在这里错过了什么？我把迪夫
这是翡翠-Layout.jade的代码
html
head
title= title
link(rel="stylesheet", href="bootstrap.min.css")
link(rel='stylesheet', href='//cdnjs.cloudflare
浏览 0提问于2014-12-07得票数 1
回答已采纳
2回答
我在和CSS做斗争。在这个中，有人能帮助我理解为什么“旁白”不在图片放置的右边吗？为什么页码这么低？
谢谢你的建议。
HTML
<body>
<nav id="top-menu">
<ul>
<li> <a href="index.html">Home</a> </li>
<li> <a href="charting.html">Charting</a> </li>
浏览 5提问于2014-03-07得票数 0
回答已采纳
我是一个初学者，html和css编码器。我有一个页面，其中我将主体分为两列，第一列中有一些文本，第二列中有一组选项卡。但是，选项卡的顶部与第一列中的文本顶部不对齐。我尝试过不同的方法，但似乎没有什么对我有用。
这是html代码：
<html>
<head>
<div class="MainHead">
<h1>Doors 'n' More</h1>
<h3>Creating Openings to Success</h3>
<p>Help
浏览 7提问于2017-02-17得票数 0
回答已采纳
下面的代码演示了我遇到的问题：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
p
{
background-color:#FFF;
}
</style>
</head>
<body>
<img src="http://www.google.co
浏览 0提问于2009-07-27得票数 0
回答已采纳
2回答
以下是在Firefox (10)中显示不佳的HTML片段
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<style>
* { margin: 0; padding: 0; }
.block6 { float: left; margin: 0 10px; width: 460px; }
.block { position: relative; }
浏览 4提问于2012-03-08得票数 0
回答已采纳
5回答
我正在尝试修复现有HTML/CSS中的页边距(使用CSS覆盖修复)，但我无法理解我正在处理的案例(归结为下面的代码)。
我想要的:第一个'div.floating‘上面没有填充(出于某种原因，填充来自'p.par’-为什么？)让我迷惑的是:如果我删除了div#extra (或者如果‘.float-column’不是浮动的)，填充就消失了。为什么？有没有超出我理解的折叠边际的规则？
(此外，不能更改HTML。)
谢谢你的帮助，曼纽拉
ps:代码：
<!DOCTYPE html>
<html>
<head>
<style>
htm
浏览 0提问于2014-02-05得票数 0
2回答
我的css布局的一部分设置了相对宽度的div高度，因此对于所有屏幕大小，高宽比是相同的。通过这种方式，我从来没有具体地将div的高度设置为px值--高度只是宽度的纵横比。如果您以前没有见过这种技术，。
到我的具体问题.
考虑到这一点，我创建了以下简单的div，它的宽度是高的两倍：
<html>
<head>
<style type="text/css">
.container
{
position:relative;
width:50%;/*half the width of the whole page
浏览 4提问于2013-02-03得票数 0
回答已采纳
我是新手，所以这可能真的是embarrassing...bang正面在桌子上的尴尬…但我要说的是...我有一个导航栏，然后在下面(而不是后面)我有一个图像。导航器工作正常。img很好。直到，我在相对定位的图像上添加了绝对定位的文本，然后我的导航上的链接不再起作用，除非在IE中哈哈...当我删除框div中的position: relative行时，我的导航链接工作...我认为这是浮点数和relative...seems之间的一些冲突，非常基本……见鬼去吧。有没有办法做到这一点？:(这里有一些代码。
<ul id="nav">
浏览 0提问于2012-01-27得票数 1
回答已采纳
1回答
我在调用html格式的内容时遇到了问题。我不知道如何清楚地解释这一点，所以我将向您展示我的意思。
例如，我有两个div：
<div class="row">
<div class="col-md-6">
(Some image)
<p>content</p>
<p>content</p>
</div>
<div class="col-md-6">
(some image)
<p>content</p>
浏览 0提问于2016-12-16得票数 0
2回答
为什么父div元素在其子元素被浮动时停止调整高度？我有以下HTML片段
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<link rel="stylesheet" type="text/css" href="index.css" />
</head>
<body>
<div id="container">
<div id="overfl
浏览 15提问于2016-08-10得票数 0
多亏了乔纳森的修正，css现在在下面的iebug.html中得到了修正。
如果没有在IE6或IE7中查看这个问题，就很难真正解释这个问题，但无论如何，如果您查看IE6 &7上的以下页面，您将看到“发送给我一本小册子”和“我想要更多关于(勾选一个或多个框)的信息”复选框及其标签由于某种原因被神秘地推开或下拉：
我试过将所有元素的边距和填充修改为0，但这对IE6和IE7没有任何影响--这意味着我认为这是某种错误。然而，我真的没有足够的经验，甚至没有足够的经验去寻找什么bug，所以任何类型的指针都是很好的。
FYI我使用了sitepoint网站上的指南，它建议使用嵌套列表，但实际上这不会有
浏览 2提问于2011-01-27得票数 0
回答已采纳
我被一个问题困住了，希望堆叠社区能帮我。
我想按列出的顺序放置带有文本的图像，所以我使用了ul>li列表。当我写一段文字比图像高度少的时候，我的问题就开始了，下一段就在我不想要的旁边。我知道它不是很好的描述，所以我附上了它的图像。
这是那个截图的HTML
<ul><li>
<h2>title</h2>
<img src="" class="alignleft" width="200px"/> My text content
</li>
repeat the same
浏览 6提问于2012-03-18得票数 0
回答已采纳
我有我的网站下的开发，这看起来很好，当在屏幕上看到我的分辨率和大小，否则，水平滚动弹出，并使浏览恼人。
所以我不知道我到底要做什么。有流畅的布局，但它们充满了整个屏幕，这将是一种太多的一切都分散了出来。但是，如果我使用一些固定的css，那么问题是，根据屏幕大小和分辨率，可能会出现水平滚动条，这是不能发生的。
是的，是的，我已经完成了所有的阅读，实际上我正在遵循一个非常好的教程
我知道作者是做什么的，它看起来很简单，所以我用我的来做，在最简单的一步，它让我失败了，(可能是因为我有另一个布局)
我的HTML现在(我今天尝试添加一个页脚，但页脚既不停留在底部，也不被内容向下推，而是溢出，但这是另一
浏览 5提问于2012-11-18得票数 0
1回答
我只知道我在这里可能有点傻，忽略了一些很明显的事情.但是，为什么我的页边距底部(12‘s)不出现在两个div-elements之间，分别是id的row1和row2？它们都属于articles_row类，我已经为其设置了margin-bottom: 12px;。因此，margin-bottom of element row1在row1和row2之间应该是清晰可见的。对吗？没有使用外部样式表，如下所示。就是这样：
<!doctype html>
<html>
<head>
<meta charset="utf-8"&
浏览 5提问于2015-07-24得票数 0
回答已采纳
我在容器中有四个div，其中三个是浮点型的，最后一个是没有浮点型的普通div。为什么我的文本div放在所有三个浮动div下面，而我的文本div的高度将所有三个浮动div的高度加在一起？从理论上讲，浮动元素是从元素流中取出的，所以我的文本div应该放在容器的最上面，它的高度应该就是行的高度？请帮帮我。
#fd
{
width:100px;
height:150px;
background-color:red;
float:left;
}
#sd
{
width:150px;
height:100px;
background-color:blue;
float:left;
浏览 2提问于2015-04-18得票数 0
2回答
<!DOCTYPE html>
<html>
<head>
<title>float</title>
<style>
.container {
margin:0 auto;
width:310px;
height:500px;
border:1px solid blue
}
.f {
float:left;border: 1px solid red;width:100px;
}
<
浏览 4提问于2014-03-17得票数 0
回答已采纳
1回答
PROBLEM：不能只使用CSS堆栈浮动。
在示例中，我有3个div，其宽度为其容器的35%。我不会预先知道每个div的高度，但是我希望第三个div就在第一个div的下面。
<div id="a1">a1</div>
<div id="a2">a2</div>
<div id="a3">a3</div>
CSS
div {
text-align: center;
float: left;
width: 35%;
border: 1px sol
浏览 2提问于2013-03-19得票数 0
回答已采纳
4回答
我已经搜索了论坛，尝试了许多选择，但我仍然无法让它发挥作用。如前所述，我正试图将我的标签和复选框放在同一行上。
<div class="row">
<div class="col">
<div class="editor">
@Html.LabelFor(model => model.Gen_Print_Due_Before_Run)
@Html.CheckBoxFor(model =>
浏览 4提问于2014-03-28得票数 1
回答已采纳
3回答
我在灵活的容器中有一组左侧浮动的DIVs (第一部分)，当容器调整大小时，它不能在一行中包含所有的DIVs，而不是默认的行为(2)我希望各行完全对齐，在需要的地方保留空格(类似表的行为)，如第三部分所示。
是否可以仅使用CSS和HTML来完成此任务？
浏览 0提问于2011-01-22得票数 2
回答已采纳
1回答
我正在创建基本的html页面，我有一个主容器div，它包含一个标题div，这是固定在顶部，工作良好。在标题旁边，我有动画div，图像div，在图像旁边，我有一个描述div，我已经将描述div分成两个div。div1{float:left}和div2{float left}...现在，当我打开页面并向下滚动到div1和div2时。我希望当div2到达标题底部时，它应该固定在标题下……有没有可能用简单的css或javascript或其他需要的东西来解决。如果可以使用css，那么如何继续
浏览 1提问于2016-02-11得票数 0
1回答
图标在条形图中太低了
、、、
我有一个简单的网站(tristantrouwen.com)。它的顶部有一个条子，上面有3个图标。其中1人需要留下。另外两个是对的。但是右边的两个图标比左边的要低。
html：
<div class="icon-menu">
<div class="click"><i class="material-icons md-36">menu</i></div>
<div data-toggle="modal" data-target="#loginModal
浏览 3提问于2016-08-30得票数 0
回答已采纳
在我的测试中，我尝试点击etsy.com，进行搜索，点击结果，并将项目添加到我的购物车中。我可以做所有的事情，直到我尝试点击‘添加到购物车’按钮。下面的代码实际上是在IRB中工作的，因此我知道我的定位器是可靠的，但是当我运行测试时，得到的元素在点错误时是不可点击的。
C:/Ruby24-x64/lib/ruby/gems/2.4.0/gems/selenium-webdriver-3.6.0/lib/selenium/webdriver/remote/response.rb:71:in 'assert_ok': unknown error: Element is not cli
浏览 1提问于2017-10-05得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
