个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
这个问题只是为了尝试理解这个例子，它按它应该的方式工作。我在选择器 #sweden dd 上设置了这个样式 margin:0 0 0 98px;我想知道当我使用上述样式时图像可以保持其位置的原因在 #sweden dd 上。我的意思是，当我使用边距时，它会将周围的元素推开，因此在这种情况下，指定的空间 98px 可以放置在描述元素 (dd) 和图像之间。
这是完整的标记和CSS
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body
{
font-family:Arial, sans-serif;
font-size:small;
padding:0;
margin:0;
}
#sweden
{
float:left;
width:300px;
padding:10px 0;
border:2px solid #C8CDD2;
}
#sweden dl /* block element */
{
float:left;
margin:10px 20px;
padding:0;
}
#sweden dt /* block element */
{
float:right;
width:162px;
margin:0;
padding:0;
font-size:130%;
letter-spacing:1px;
color:#627081;
background:blue;
}
#sweden dd
{
padding:0;
margin:0 0 0 98px; /*Keep text lined up in a column */
font-size:85%;
line-height:1.5em;
color:#666;
background:red;
}
#sweden dl dd.img
{
margin:0;
padding:0;
}
#sweden dd.img img
{
float:left;
margin: 0 8px 0 0;
padding:4px;
border:1px solid #D9E0E6;
border-bottom-color:#C8CDD2;
border-right-color:#C8CDD2;
background:#fff;
}
</style>
<meta charset="utf-8" />
<title>Chapter 3</title>
</head>
<body>
<div id="sweden">
<dl>
<dt>Stockholm</dt>
<dd class="img"><img src="img/gamlastan.jpg" width="80" height="80"
alt="Gamla Stan" /></dd>
<dd>This was taken in Gamla Stan. This was taken in Gamla Stan.
This was taken in Gamla Stan. This was taken in Gamla Stan.
This was taken in Gamla Stan. This was taken in Gamla Stan.
This was taken in Gamla Stan. This was taken in Gamla Stan.
This was taken in Gamla Stan. This was taken in Gamla Stan.
This was taken in Gamla Stan. This was taken in Gamla Stan</dd>
</dl>
</div>
</body>
</html>
最佳答案
关于html - 为什么当我使用 margin-left 时图像不受影响，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18489665/
25
4
0
IE 似乎在来自未压缩的 raphaeljs 1.4.7 的以下第 2207 行(当然，在我的代码的上下文中): gs.left != (t = left + "px") && (gs.left =
这是在操纵 $("#mydiv").position().left 还是 $("#mydiv").offset().left？ $("#mydiv").animate({"left":"-100"},
这个问题在这里已经有了答案: why left+(right-left)/2 will not overflow? (7 个答案) 关闭 1 年前。 在二分搜索 while 循环中: left, r
这个问题在这里已经有了答案: why left+(right-left)/2 will not overflow? (7 个答案) 关闭 1 年前。 在二分搜索 while 循环中: left, r
我有一个 Segment 类和一个这样的段数组: private static class Segment { int number, type; Segment(in
我有一个查询，它在子选择上执行 LEFT JOIN。此查询在高负载环境中运行，并在设定的要求内执行。查询(高度简化)如下所示: SELECT table_A.pKey , table_A.uKey
我在 SO 中看到一些创建 multilanguage websites in JavaScript 的好建议包括 this article on JavaScript internationaliz
我已经使用它年了，所以是时候全面了解它了。假设这样的查询: SELECT * FROM a LEFT JOIN b ON foo... LEFT JOIN c ON bar... document
我正在尝试对搜索框执行以下 MySql 查询。我试图返回“专辑”信息(标题等)，同时包含该专辑中第一张图片的缩略图。但是，我必须查找两个表才能获取图像信息。首先，photos_albums包含该相册中
我有 2 个表，我想 LEFT JOIN 并过滤 LEFT 表上的结果。这些表是: -product_table，包含列 id 和 product_name -order_table，包含列 id、p
我理解 Left Join 应该做什么吗？ 我有一个问题。将其称为查询 A。它返回 19 条记录。 我有另一个查询，查询 B。它返回 1,400 条记录。 我将查询 B 作为左连接插入到查询 A 中，
我正在使用 left: auto;希望重写left: 0;但它不起作用(请参阅 jsfiddle )-我想要 居中对齐。 HTML:
为什么这不起作用？我已经分配了一堆带有 float:left 的 div，并希望设置第一个元素的位置，然后用它更新所有 sibling 的位置。 例如，我将第一个元素的 css 设置为 left:50
这应该是非常基本的 CSS，但无论我尝试什么，该死的 div 就是不会去它应该去的地方! 这是 HTML: Registe-se Nome:
我在一个 div 中嵌套了一个 div。我正在尝试显示一些文本并且有效。然而，我想要的是文本居中对齐，即它有一个 left: -50%。但它什么都不做。但是当我执行类似 left: 20px 的操作时
我有一个包含跟踪数据的表格。在其他值中，该表具有列 traffic_medium、traffic_source 和 traffic_campaign。这些列有时确实包含 (none) 或 null 作
我正在尝试 中的代码。 在 GHC 版本 6.10.4 上: data ParseState = ParseState { string :: String } deriving (Show) n
我在使用用于显示自定义配置文件字段和任何(可选)对应值的 SQL 查询时遇到问题。 这是我正在使用的 SQL 查询: SELECT pf.`id`, pf.`name`, pv.`value` FRO
我目前制作了一个包含侧边栏和内容的容器，但是当我向侧边栏添加的文本多于向容器添加的文本时，第二个侧边栏会稍微 float 到一边。这些是我正在使用的代码。 HTML: Pl
这个问题在这里已经有了答案: Difference between margin and padding? (25 个答案) 关闭 5 年前。
我是一名优秀的程序员,十分优秀！