我的网站在Chrome中加载正常，但在Safari中，我的图像不会漂浮在文章的左侧。下面是CSS的介绍：
body {
background-color:white;
font-family: 'Josefin Slab', serif;
}
.top_portion {
width:820px;
height:200px;
background-color:#e2e2e2;
margin:auto;
text-align:center;
border-top:5px;
border-bott
浏览 1提问于2014-02-03得票数 0
2回答
我在让我的应用程序网页在移动设备上正确显示方面遇到了一些困难。我已经添加了一些按钮，用于社交媒体共享，以及谷歌播放按钮上的get it。Google按钮比其他两个大很多，所以我决定把社交媒体按钮放在上面。它在Chrome和Firefox中都很好，但是当我试图在手机上访问它时，Facebook按钮就会出现在另一个上面。我试过摆弄CSS，但我无法让它正常工作。现在的层次结构如下所示：
div“媒体”
div“共享”
fb按钮
推特按钮
- Play store button
CSS看起来是这样的：
#media
{
width:130px;
浏览 8提问于2014-05-06得票数 0
2回答
我的结构如下：
<div class="container">
<div class="outside">
<img src="http://cox-applicators.com/images/brochures/vertical-ad-07-
singles.jpg" class="imgs">
</div>
</div>
CSS：
.outside {
position:absolute;
}
.imgs {
float: right;
浏览 2提问于2013-06-20得票数 1
回答已采纳
我有一个按钮不能正确显示的问题，当元素向左或向右浮动时，按钮显示良好，但是如果没有应用浮动，按钮不能正确显示。
我准备了以下示例来演示：
我的HTML和CSS如下：
<div class="section">
<div class="textbox">
<div class="text">
<h1>Woop, title</h1>
<p>content content content</p>
浏览 0提问于2013-10-07得票数 0
我正在做一个社交网络，我的肚脐和搜索框有一些问题。我有一个文本框的简单代码
<div style="float:left">
<a href="index.php"><div class="website_icon"></div></a>
<input type="text" name="q" class="search" placeholder="Search..." />
</div&g
浏览 1提问于2014-04-14得票数 0
回答已采纳
<div id="hello">
<ul>
<li>Hello</li>
<li>Hello</li>
</ul>
</div>
和用于上述html的css。
#hello{
margin:0px;
padding:0px;
border:1px solid black;
float:left;
}
#hello ul{
position:relati
浏览 1提问于2013-03-06得票数 0
回答已采纳
2回答
我希望我的描述是这样的--我可以用边距、浮动和宽度来完成它，但是如果我这样做，并使分辨率调整大小，它将是一个混乱的布局。你觉得我还需要用什么方法？
[IMG1 | description text | [IMG2
IMG1 | description text | IMG2
IMG1 | text text text | IMG2
IMG1] | text text | IMG2]
HTML
<div class="headbapt">
<img class="bapt" src="image
浏览 3提问于2014-07-11得票数 0
回答已采纳
2回答
因此，如果将float: left;添加到元素中，它就会从流中取出，对吗？据我所知，position: absolute;的情况也是如此，那么如何才能用清除方法清除浮动元素，但您不能对绝对定位的元素做任何事情呢？在如何从内容流中删除每一种内容方面有什么不同？
浏览 2提问于2013-09-11得票数 0
回答已采纳
在最新版Chrome (25.0.1364.97m)中，我遇到了一个奇怪的问题。我有一组div在一个浮动的，清理的容器内，所有的漂浮都是以相同的宽度离开的。
在Firefox、IE和旧版本的Chrome中，所有的盒子都应该并排放置，但在最新版本的Chrome中，第一个div比其他版本要高：
它似乎只有在窗口最大化时才会发生，在第一次加载时，如果我刷新页面，它就会自己排序，但是如果我用Ctrl + F5进行了硬刷新，它就会再次发生。
HTML：
<div id="top">
<h1>Words</h1>
</div>
浏览 5提问于2013-03-01得票数 29
回答已采纳
我有一个导航栏不能在IE6中正确显示的问题。 -这是一个页面，如果你将鼠标悬停在IE6中的“Goggles”之类的导航项目上，你会看到一些列表项正在显示，但在IE7和IE8中它们会出现……有人知道为什么会这样吗？
非常感谢，西奥。
浏览 4提问于2010-03-17得票数 1
我正在尝试创建一个主详细信息表，其中的一行将包含子对象的详细信息。例如，我们有一个客户，当您单击一行时，它会展开以显示该客户的订单。html可能如下所示：
<table id="report">
<tr>
<th>Lorem ipsum</th>
<th>Lorem ipsum</th>
<th>Lorem ipsum</th>
<th>Lorem ipsum</th>
</
浏览 2提问于2011-05-28得票数 0
我一直在尝试在页面上的div中对图像进行居中。
相关HTML：
<div class="imgblock">
<div class="basket slide1"><a href="#">
<div class="images">
<div class="img-wrap"><img src="images/basket.jpg" alt="" align=&
浏览 2提问于2014-04-18得票数 0
回答已采纳
假设我有一些文本，每个段落的末尾都有一个(more)...链接。最后看起来是这样的：
This is just a test paragraph. Click on the more link for more info. (more...)
现在，我想在链接和段落文本之间添加一些空格，所以我将链接包装在一个<span>标记中，然后用一个margin-left: 10px把它推到右边。
This is just a test paragraph. Click on the more link for more info. (more...)
这里的问题是，如果文本更多地被包
浏览 2提问于2011-09-10得票数 4
回答已采纳
我的网站上有一个页脚，它在Chrome上看起来很不错：
然而，在FF上看上去并不那么好：
看起来FF不识别我的css上的z-index属性。下面是代码：
footer.html
<div id="footer">
<img src="layout/footer.png" style="position:absolute; z-index:-1;"></img>
<div class="socmed" style="margin
浏览 2提问于2013-12-09得票数 2
回答已采纳
2回答
我正在处理的一些CSS有点问题。
页脚中的链接在悬停时稍微移动一些，但只有在我刷新页面之后，第一次加载时所有的链接看起来都很好，但是在刷新页面之后，链接彼此保持紧密，当它们悬停时，它们回到了正确的位置，尝试了在Stack上找到的一些技巧，但是它们没有帮助。
以下是代码：
.f-links {
clear:both;
float:right;
position:relative;
left:-50%;
text-align:left;
}
.f-links ul {
list-style:none;
position:relative;
浏览 5提问于2014-05-21得票数 0
回答已采纳
2回答
我想要
[ ] Option 1
[ ] Option 2
但我得到了()
[ ] Option 1
[ ] Option 2
需要在CSS中进行哪些更改才能使框左对齐？谢谢
浏览 0提问于2013-04-16得票数 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
回答已采纳
向左浮动，然后清除向左是什么意思。或者向左浮动，然后向右清除？有人能帮我理解这一点吗？我不是一个CSS的家伙，但需要了解一些我正在使用的CSS。
#elem1{
float:left;
clear:left;
}
#elem2{
float:left;
clear:right;
}
浏览 2提问于2010-11-17得票数 2
回答已采纳
1回答
广域网桥中的STP配置
、、、
硬件：
2 pFsense Box
1 Switch Dlink DGS-3324SR
我需要在我的网络中配置一个STP，因为我试图为web服务器设置一个wan冗余桥。(看看我的网络图)，所以我需要防止循环(广播风暴)进入我的交换机。
有人可以给我举一个如何配置stp的例子？谢谢。图表
浏览 0提问于2015-11-10得票数 1
回答已采纳
2回答
内容越界
、、
我正在设计一个页面，其中列出了几本书。我的麻烦是，内容有时会从图书信息箱中出来，比如一本书的标题非常长，超过140px的高度。我想知道解决这个问题的最佳方案是什么？下面是我的代码示例。
//css
.book-data{height: 140px; width: 500px};
.book-image{float: left; width: 200px;}
.book-info{float: left; widdth: 300px;}
//html
<div class="book-data">
<div class="book-image&
浏览 2提问于2011-05-09得票数 0
回答已采纳
1回答
我一直在互联网上寻找，似乎没有太多的对话方式(或者我问错了问题--我是目标C和iOS的新手)，关于在iOS中创建一个自定义的辅助触摸按钮。
我想访问我的应用程序从一个启动应用程序，然后浮动一个按钮，可以让我回到所说的发射器从我的应用程序的任何地方。浮动辅助按钮方案似乎是完美的--有人做过类似的事情吗？
编辑
在回答有意义的问题时--我不够清楚(再次道歉--这里没有经验)。
我有三个应用程序：，App 01，AppTarget02。
将能够通过URL启动多个应用程序。一旦它这样做了，新的应用程序打开，我想知道我是否可以有一个浮动按钮，可以移动和点击目标应用程序的用户界面，如辅助触摸按钮。浮动按钮
浏览 1提问于2015-06-19得票数 1
回答已采纳
3回答
我有2张图片，我想看起来像这张照片(很抱歉质量，网站的PSD是分散的，所以我在几分钟内拼凑了一张图片，以显示我的意思)。
我的第一张图片是logo -这是一个戴眼镜的家伙的png，痕迹和标题。
第二个图像是蓝色的方框，我希望它是一个表单，用户可以把他们的电子邮件地址放在上面。
我的HTML标记如下：
<body id="home">
<div id="main" method="post" action="">
<img id="Smarty" src=
浏览 1提问于2011-03-09得票数 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回答
我试着理解以下布局情况:我得到了一个宽度未定义的浮动div，它充当一个容器。在里面，我得到了一个左边浮动的标题。有一个未浮动的div，它包装了另一个左浮动的div。未浮动的div用于隐藏带有小视区的内容，但这对观察并不重要。
您可以在此处看到布局结构：
<div class="container" style="float: left">
<div style="float: left">HEADER</div>
<div style="border: 1px solid
浏览 1提问于2015-04-28得票数 0
4回答
我有一份简历，我试图将其从MS Word转换为HTML和CSS，以便更容易维护和共享。我喜欢这份简历的风格，而且我更愿意保留它。它有一个左栏，标题如“教育”、“经验”等以粗体显示，并与垂直分隔符右对齐。
在Word中，这是通过一个表格实现的，其中中心边框的样式设置为实心，其他边框设置为空白。这允许部分标题与相关内容垂直对齐。
我试图简单地复制这种技术，但在Firefox和Chrome中，如果我将tds的右边界属性列设置为solid，则在表的垂直分区处会有间隙。这有点破坏了效果。
我想使用两个div，一个带有标题，另一个带有内容，但是除了硬编码像素高度(这有其明显的一组问题)之外，我不知道如何使
浏览 3提问于2012-02-25得票数 10
回答已采纳
5回答
CSS -与浮动右对齐
、、、
我在CSS方面仍然是个新手，有以下CSS / HTML：
<input type="reset" value="Clear" style="float: right;" />
<input type="submit" value="Send" style="float: right;" />
生成以下结果：
而不是期望的输出：
更改HTML元素的顺序似乎可以解决这个问题，但也有悖于直觉。
这类问题的一般解决方案是什么？
浏览 6提问于2010-02-20得票数 2
回答已采纳
3回答
早些时候，我正在复习我的CSS技巧，我遇到了一个教程，它让我秃头了。这里有一个链接：，我花了几个小时研究这个问题的答案，但没有发现任何对我有帮助的东西。
本教程的作者并没有给出任何关于元素的详细信息。我理解浮动将一个元素从页面中移出并以给定的方向(左/右)浮动它。清除重置浮动元素并将其放回页面流中。
如果右侧已被清除，这些元素如何仍然向右飘移？我不明白这背后的逻辑。任何关于这一点的澄清都将是非常感谢的，也许我可以保留我的一些头发。
编辑:这里是CSS代码和上面链接的教程中的屏幕截图.
.floatright {
float: right;
margin: 0 0 10px 10
浏览 4提问于2012-07-26得票数 5
回答已采纳
哪些CSS规则解释了以下sceanrio：
假设我有以下HTML CSS片段
HTML：
<div id="main">
<div id="first">
first div float left
</div>
<div id="second">
second div does not have a float property set
and appears in a new line instead of next to
浏览 1提问于2011-10-31得票数 0
回答已采纳
我正在为一个页面的CSS工作，我不能理解我的浮动的左边的div发生了什么，以及它对浮动的右边的图像产生的影响。
如果您查看代码，您将看到页面上的图像(与孩子们交谈的导游)紧跟在页面的第一段之后。然而，它始终与第三个(也是最后一个) div保持一致，该div已浮动到左侧。
这种行为似乎只在现代浏览器IE8，IE9，FF，Chrome等中发生。IE6和IE7似乎以你所期望的方式处理它。
我已经使用CSS很多年了，我很有信心可以解决大多数CSS问题，但是我已经研究了两天了，我不知道发生了什么。这里希望一些SO专家能发现我的错误，并为我指出正确的方向。
HTML主要来自我们使用的内容管理系统，我通常
浏览 0提问于2011-08-15得票数 2
回答已采纳
如何在通用语言(非编程)中解释CSS浮动？有没有现实生活中的例子来解释CSS浮动？
有没有简单的幻灯片来解释float？
浏览 0提问于2010-06-08得票数 4
回答已采纳
文本在图像的右侧和底部可见。
在电子邮件中，我不能使用css-float left属性。我试着使用没有成功的桌子。如何在没有css的情况下显示电子邮件内部的缩略图？
非常感谢!
浏览 0提问于2013-02-01得票数 1
回答已采纳
我想为智能手机或平板电脑等移动设备设计一个网站。网站应该有一个标题和标题下的内容。
我希望标题将有一个标志到非常左边，登录到非常右边，如下面的图片：。
以下是我尝试过的
<div >
<div class="{style.column-left}">...</div>
<div class="{style.column-right}">...</div>
</div>
<br/><br/>
<div class="{s
浏览 6提问于2014-09-22得票数 0
2回答
我希望有人能帮我解决我的导航条，我正在设计的CSS。我对ul元素有问题，它没有扩展到列表的大小--不太确定我做错了什么。
我在这里建立了一个小原型：
违规的UL元素是红色的。如果有人能帮我看一眼，我会非常感激的！
只需向下滚动到CSS中的头导航.submenu ul来查看发生了什么
谢谢!
浏览 4提问于2011-05-22得票数 1
回答已采纳
1回答
我在没有边框属性的<div>中有文本。
<div id="main">
<div id="second"></div>
<p>TEXT</p>
</div>
CSS
#second {
height: 100px;
width: 100px;
background:red;
float:left;
}
#main {
width: 200px;
height: 200px;
}
我的文本与其他div对齐，如中的顶部
浏览 4提问于2014-11-21得票数 2
回答已采纳
2回答
我用960网格系统构建了一个模型，在.clearfix上遇到了一个问题。我不喜欢在我的代码中使用额外的div来清晰地触发，并且在所有围绕.clearfix的文档中似乎都是作为解决方案出现的。960gs还附带了自己的clearfix类，所以我的期望是它应该可以工作。但是，当我应用标记时，什么也不会发生。空div中的clear类可以工作。当元素上的clearfix类失败时，我想强制执行一次清除操作。考虑到有那么多关于clearfix的东西，它一定是我忽略了的。
以下是源代码：
<html>
<head>
<title></title>
<lin
浏览 3提问于2011-11-20得票数 0
回答已采纳
1回答
我想要一些100%宽度的列表项(浮动)。
列表项的数量是任意的，可以是1或2，也可以是20或30。
当有更多的项目可以容纳100%宽度的页面，我希望它有一个滚动条滚动通过。
这是我目前正在使用的，但它没有创建滚动。我猜我需要为溢出设置一个宽度，但我希望宽度是100%。
.scroll {overflow-x:scroll;}
.scroll li {float:left}
<div class="scroll">
<ul>
<li>item 1</li>
<li>item 2<
浏览 3提问于2014-01-08得票数 4
回答已采纳
3回答
我想先显示文本框，然后先显示button.But按钮，然后添加css代码和html。
css
.search,.stxt{
float: right;
}
html
<form method="POST">
<p style="align:right;">
<input class="stxt" type="text" name="searchtxt"><a style="padding-right:2ex;&#
浏览 10提问于2015-02-12得票数 0
回答已采纳
我有一个div和css的问题，特别是浮动..我需要转换一个大量使用表格、列和行的页面，我的想法是为每一列创建一个div，但当然我需要浮动这些。
浮动的规则是什么？我应该向左浮动每个Div，直到我走到最后，然后我必须“清除”浮动？
对不能正确浮动的div使用Width / Height是不是很好的做法？？或者使用min-height更好？
当然，我的想法是将所有css内容删除到css外部样式表中，所以我假设我需要给每个div和ID，以便我可以为它分配一个浮动/样式……当然，如果它们都是一样的，我可以分配一个css类？
真的很感谢你的帮助
谢谢
浏览 1提问于2009-12-10得票数 3
1回答
我用的是基金会CSS。但是下拉选择我使用作为一个简单的HTML标记。
问题是下拉列表并不适用于小型(移动)窗口。
我在这里复制了错误 (在CSS块中，我同时添加了foundation.css和main.css )。
我发现这个问题是由foundation.css中.row .mobile-three属性的float:left;属性引起的。
知道为什么float:left;使下拉列表不起作用吗？以及如何修复它？
浏览 3提问于2013-01-01得票数 0
回答已采纳
1回答
我正在开发一个响应性的移动网页，使用twitter-bootstrap.css和angularjs。
我试着用下面的浮动concepts.see截图将一个图像和文本并排放进一行。
我给出图像的宽度，但我没有给文本宽度，因为我希望文本获取图像中剩下的宽度，
但这是不可能的，当文本大于宽度时，文本将出现在下一行，而不是包装到图像所遗漏的可用宽度中。
屏幕截图#1
当文本包含在图像所遗漏的宽度内时，当文本内容的宽度小于图像所遗漏的可用宽度时。
屏幕截图#2
当文本出现新行时，而不是在图像所遗漏的宽度内包装时，当文本内容的宽度大于图像所遗漏的可用宽度时
屏幕截图#3
正如我所需
浏览 4提问于2013-04-25得票数 0
回答已采纳
我有下面的标题div设置，但是当只有最左边的div有内容时，标题的红色背景不会被应用。为什么会这样，因为'title‘div有内容，而且它的背景应该是红色的。
头部的东西：
<title>Into the Breech</title>
<link href="Styles/Reset.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body { font-family: Arial, S
浏览 0提问于2010-05-08得票数 2
回答已采纳
2回答
测试折叠浮点
、、
如何测试折叠的浮动，其中容器元素不会展开以接受浮动元素，例如。
可以通过向容器添加css overflow:auto属性来修复折叠的浮动。然而，如果溢出声明在稍后编辑中被意外删除，则网页(或如果容器在多个页面上使用，则多个页面)可能变得不可读。
假设折叠的浮动不是CSS错误，并且不会更改页面上的文本，那么如何编写rspec测试来检测是否发生了这种折叠？
浏览 0提问于2013-09-04得票数 2
1回答
我的选项卡菜单退出页面宽度
、、、、
因此，我正在编辑CSS，选项卡菜单有一个空白: nowrap属性，这意味着它不会重叠，但最终会退出页面。即使使用!important和hierarchy CSS，设置选项卡菜单本身的宽度也没有任何作用。
看起来像这样
当我使用空格: pre或任何其他空格时，它们都会重叠。
浏览 4提问于2011-09-27得票数 0
1回答
在不应该返回错误的地方返回错误
、、、、
我从零开始使用神经网络，当我试图实现稳定的sigmoid函数时，numpy似乎表现得很奇怪。这里的两个函数都返回RuntimeWarning: exp中遇到的溢出。
#Original Function
def sigmoid(x):
return np.where(x >= 0, 1 / (1 + np.exp(-x)), np.exp(x) / (1 + np.exp(x)))
#Dummy function that is also misbehaving
def sigmoid(x):
return np.where(x>=0, 1 / (1 + np
浏览 6提问于2020-04-24得票数 0
回答已采纳
我正在自学CSS和HTML，我遇到了一些看起来像是bug的东西--它挑战了我如何理解HTML和CSS。我已经找到了这个bug的修复，但我希望有人能提示我为什么这个修复有效，以及是否有一些建议可以更容易地处理CSS的不一致。下面我已经详细介绍了这个问题及其解决方案。
问题:我有几个项目想要嵌套在页面上的几个框中。我已经更改了CSS以引起人们对特定问题区域的注意:红色和绿色框应该夹在黑色和黄色线条之间。
红色和绿色框被设置为浮动在页面的右侧和左侧。它们的容器不会扩展以包围它们，并且黑色和黄色的线条相互接触。在自定义CSS之前应用了神奇的CSS之后，红色/绿色框周围有两行代码
以下是我的文件: te
浏览 0提问于2011-04-21得票数 6
回答已采纳
我有这个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回答
不应用于浮动img旁边的ul填充
、、、、
我有一个非常基本的CSS问题。
我的左上角有一个浮动图像，带有一个margin-right。内容由段落和带有符号的列表组成。我希望我的列表有一个padding-left以提高可见度，并且我的子弹出现在"list-style-position: outside“中(文本必须对齐)。
我的问题是，当列表显示在我的浮动图像旁边时，ul填充就不适用了。
这里有一个带注释的屏幕截图供你理解：
这种行为发生在FF和Chrome上。对于IE，更糟的是子弹出现在浮动图像的最左边.
编辑: css属性"ul{overflow: hidden;}“不是一个选项，因为我想避免这样做：
浏览 3提问于2014-04-14得票数 3
1回答
假设我有以下标记：
<div class="right">Box right 1</div>
<div class="right">Box right 2</div>
<div class="left">Box left</div>
<p>... long text ...</p>
和下列CSS：
.right { float:right; clear: right; }
.left { float:left; clear: left; }
div
浏览 1提问于2014-04-11得票数 1
回答已采纳
我在网页上有一个固定的元素(菜单选项卡)，这样当iPhone键盘打开时，菜单就会被重新定位在滚动页上，以待在窗口中。当键盘关闭时，我希望元素基于页面加载CSS返回到它原来的位置。
如何删除在焦点上添加的滚动事件？这似乎是问题所在，我下面的代码不起作用。
另外，是否有一种方法可以保持元素的位置，并使页面在其后面平滑滚动？在滚动发生后，我的代码会将元素抓取到适当的位置。
谢谢!
固定元素的CSS：
#fixed-floating-menu {
position: fixed;
right: 0;
top: 103px;
z-index: 9999;
background-col
浏览 3提问于2017-03-02得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
