我正在尝试完成一些非典型的div行为,所以我不确定这是否可行.
我有三个水平相邻的div:A,B和C(从左到右).当浏览器的大小时,或者如果用户的浏览器窗口太小,我想格B到落DIV A的下方,而不是在那里的divÇ低于格A.典型行为
此代码演示了典型行为:
<!DOCTYPE HTML>
<html>
<head>
<title>
Title
</title>
<style type="text/css">
.box {
display: inline-block;
margin: 4px;
background: #ccc;
width: 200px;
}
</style>
</head>
<body>
<div class="box" style="height: 200px;">div a</div>
<div class="box" style="height: 300px;">div b</div>
<div class="box" style="height: 500px;">div c</div>
</body>
</html>
当我把div的A和B在一个表细胞和DIV下,在另一个,我可以得到格B到低于DIV A.与此唯一的问题是,它包含了两个div左表细胞不崩这两个div的宽度,所以div和A以及div之间仍然存在差距.此代码显示了这种行为:
<!DOCTYPE HTML>
<html>
<head>
<title>
Title
</title>
<style type="text/css">
.box {
display: inline-block;
margin: 4px;
background: #ccc;
width: 200px;
}
</style>
</head>
<body>
<div style="display: table;">
<div style="display: table-row;">
<div style="display: table-cell;">
<div …我的问题专门针对下面的两个页面,但更一般地涉及使用没有.htaccess文件的干净URL的方法.
http://www.decitectural.com/ 和 http://www.decitectural.com/about/
上面的页面托管在亚马逊的S3上,不允许使用htaccess文件.因此,我发现没有简单的方法来创建一个干净的url重写方案,该方案将所有请求发送到索引文件,而索引文件又使用javascript解释URL并加载正确的页面(使用AJAX,或者,如同具有decitectural的情况,具有简单的div可见性切换).
为了避免这个问题,我通常会编辑amazon S3存储桶属性,并将索引页面和错误页面都设置为index.html文件.在这种情况下,即使请求了无效路径(例如/ about /),也会提供index.html文件.在大多数情况下,这是一个有效的解决方案......也就是说,直到我意识到我还在使用index.html页面获得了404,这将阻止Google对其进行索引.
这使我找到了解决这个问题的替代方案.目前,作为临时修复,我实际上是在服务器上创建/ about /目录,其中包含index.html文件的副本.这有效,但显然不是解决问题的真正方法.
对于如何在S3或任何无法使用.htaccess文件的情况下设置干净的URL路由方案,我将不胜感激.