我试图制作两个div,一个在另一个里面.内部div大于外部div,外部div具有overflow:scroll,而内部div具有margin:25px.所以我这样做:
#outer {
width: 200px;
height: 100px;
overflow: scroll;
}
#inner {
width: 400px;
height: 200px;
margin: 25px;
}
...
<div id="outer">
<div id="inner">
</div>
</div>
而不是像预期的那样一直保持25px的内部div,三边有25px的边距,但在右边没有.在我看来,这非常违反直觉.
如果我添加一个宽度足够宽的中间div来包含内部div + 50px,我们可以让它看起来正确,但这似乎是一个hacky变通方法.
看看我在JSFiddle上的例子:http://jsfiddle.net/d3Nhu/16/
这在每个主要浏览器中都以相同的方式发生.这种行为有什么好的理由吗？根据CSS规范,这是正确的行为吗？
注意:正如您在此示例中所期望的那样,如果您使用overflow:auto而不是,则没有任何区别overflow:scroll.
编辑:请注意,我不是在寻找这种行为的解决方法.(我已经找到了一个.)我正在寻找关于这种行为的原因的任何见解,特别是如果它在任何地方的CSS规范中都有记录.
我正在尝试使用Laravel 5从HTTP请求中获取主机名,包括子域(例如dev.site.com).我在文档中找不到任何相关内容,但我认为这应该很简单.有人知道怎么做吗？
我准备发布这个,然后我想出来了.但无论如何,我会为其他需要它的人发布它.学到的经验是,如果您希望它们在IE中工作,请使用.ico文件作为自定义标记图像.(作为旁注,它在Safari中仍然无法正常工作,但这是另一个问题.)
我有一段时间没有问题,使用自定义图片创建的Google Maps API V3标记不会在IE或Safari中显示.它在我测试的每个其他浏览器中都能正常工作,但我们的大多数用户仍然在IE上,所以我需要修复它.
这显然是一个已知问题(至少对Google而言),如Google支持主题中所示:http://www.google.com/support/forum/p/maps/thread？tid = 26db8fd040386548& hl = zh-CN
我想知道是否有其他人遇到过这个问题或知道解决方法吗？
这是我创建的一个简单测试页面中的js,它演示了这个bug:
var map;
var latLng = new google.maps.LatLng(41.342, -84.932);
$(function() {
var myOptions = {
zoom: 17,
center: latLng,
mapTypeId: google.maps.MapTypeId.HYBRID
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var newMarker = new google.maps.Marker({
map: map,
position: latLng,
icon: 'images/active_point.png'
});
});
修复:我将图像转换为active_point.ico,这对IE来说效果很好.出于某种原因,IE不喜欢我的.png.
经过一些研究后,似乎必须将Safari作为特殊情况处理,因为它似乎不适用于.ico或.png标记图像.我只得到.jpgs工作,这很烦人,因为他们不支持alpha通道.
我正在使用AWS JavaScript SDK.
两者 -
var s3 = new AWS.S3();
var dynamodb = new AWS.DynamoDB();
工作良好.
当我尝试 -
var iam = new AWS.IAM();
我被告知:
TypeError:AWS.IAM不是构造函数