父div的位置设置成相对的，即“position: relative;”。
而子div的位置设置成绝对的，并且下边缘设为0，即“position: absolute; bottom: 0;”
-------------------------
简单的一个需求， 映射着常常被忽略的知识啊。
上次面试没写出来，得学习。
·思路及要点：
父div的位置设置成相对的，即“position: relative;”。
而子div的位置设置成绝对的，并且下边缘设为0，即“position: absolute; bottom: 0;”。
· 代码：
<head>
<title>子div在父div中置底</title>
<style type="text/css">
.father { width: 500px; height: 600px; position: relative; background-color: AliceBlue; }
.child { width: 400px; height: 100px; position: absolute; bottom: 0; background-color: AntiqueWhite; }
</style>
</head>
<body>
<div class="father">
<div class="child">
</div>
</div>
</body>
</html>
·理论简介
------------------------------底部居中----------------------
Div屏幕底部居中
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">
<head>
<style type="text/css">
html,body {
width:100%;
height:100%;
margin:0px;
padding:0px;
overflow:hidden;
}
#Main {
position:absolute;
bottom:0px;
left:0px;
width:100%;
height:100%;
overflow:auto;
z-index:1;
}
#ToolBar {
position:absolute;
bottom:0px;
right:16px;
width:100%;
height:20px;
text-align:center;
background:#ccc;
z-index:2;
overflow:hidden;
}
</style>
</head>
<body>
<div id="ToolBar">固定在页面底部不动</div>
<div id="Main">
<p><strong>09即将流行的经典语录</strong></p>
<div class="clear"> </div>
<div class="info clearfix">
<p class="date"> </p>
</div>
<div class="blog_content" id="blog_content">TOP1 <br />
-------------垂直居中-------------
.confirm input{
vertical-align:middle;
}
<div class="confirm">
<input type="checkbox"/>我已阅读并确认签署合同
</div>
Jquery清除style样式
有些页面样式不规范，没有写在一个class里，例如：<div id="show" style="width:100px; padding-top:10px; font-size:12px;"></div>
这种情况下清空style可以removeAttr()方法移除style属性来实现
$("#show").removeAttr("style"); //ie,ff均支持
$("#show").attr("style",""); //ff支持，ie不支持
<a id="btn_ap_submit" unable="true" class="btn_submit_gray mr_10px">确认提交</a>
$("#btn_ap_submit").attr("unable","false");
$("#btn_ap_submit").click(function(){
var unable = $("#btn_ap_submit").attr("unable");
if(unable=="true")return;
apSubmit();
});
$("#confirm_checkbox").click(function(){
if($("#confirm_checkbox").attr("checked")=="checked"){
$id("dsLoanCom").objects[0].getData("#").set("agree",true);
}else{
$id("dsLoanCom").objects[0].getData("#").set("agree",false);
}
});
|
----------------执行a链接点击事件---------------
因为没用用[0] 所以事件不执行
请登陆淘宝贷款页面进行贷款申请！<br/>
<span id="toAliLoanTime">5秒</span>后将自动跳转<a id="toAliLoanLink" href="https://taobao.aliloan.com/tbloan/index.htm" target="_blank">到阿里贷款</a>
alert($("#toAliLoanLink").html());
$("#toAliLoanLink")[0].click();
相关推荐
在设计网页的时候，利用css样式进行布局
css样式布局写法,css样式布局例子程序
本资源“CSS网站布局实录内含各色css布局样式”是一个全面的教程，旨在帮助初学者和经验丰富的开发者掌握各种CSS布局技巧。下面我们将深入探讨其中的关键知识点。 一、CSS基础 1. 选择器：CSS通过选择器来定位HTML...
- 通过类（class）或ID（id）属性，我们可以对`<div>`元素进行针对性的CSS样式设置。 2. **CSS基础** - CSS是层叠样式表，用于定义HTML或XML（包括如SVG、MathML等各种XML方言）文档的呈现。 - 基本语法包括选择...
本教程将通过一个简单的CSS样式布局案例，帮助初学者理解如何利用CSS进行页面布局。 首先，我们要明确CSS的核心概念：分离内容与表现。HTML负责结构化内容，而CSS则负责样式和布局，这样可以使得网页更易于维护和...
在网页设计领域，Div+CSS是构建网页布局和样式的主流技术。本教程"Div+CSS网页样式与布局从入门到精通"旨在帮助初学者掌握这一核心技术，通过实例深入理解其工作原理和应用技巧。下面将详细介绍Div和CSS的基础概念、...
在本形考任务中，我们将探讨如何利用HTML的`<div>`元素以及CSS样式表来实现页面布局设计。`<div>`元素是HTML中的一个非常重要的结构元素，它用于组合其他HTML元素，形成一个可样式的区块。在这个任务中，我们将深入...
本文将深入探讨“CSS那些事儿：掌握网页样式与CSS布局核心技术”。 首先，我们需要理解CSS的基本语法。CSS采用选择器+声明的方式来设置元素的样式。选择器定位到HTML中的特定元素，如`<div>`、`<p>`或类选择器`....
标签“birt style css”进一步明确了讨论的主题，即关于BIRT的CSS样式设计。在BIRT中，通过使用CSS，可以实现如表格样式、图表样式、页眉页脚样式、数据区域样式等自定义。这些样式可以应用于单元格、行、列、图表...
首先，"Qt css样式大全(整理版） - wang13342322203的博客 - CSDN博客.html"是王博主在CSDN上发布的一篇关于Qt CSS样式的整理文章。这篇文章可能涵盖了基本的Qt样式表语法，包括选择器、属性和值的用法，以及如何...
在ASP.NET中，CSS（Cascading Style Sheets）样式被广泛应用于页面布局，以实现精致、响应式的用户界面。CSS允许开发者分离内容和表现，使网页设计更加灵活且易于维护。 1. CSS基础： CSS是用于定义HTML或XML...
CSS样式初始化是开发过程中一个重要的步骤，它旨在消除浏览器之间的默认样式差异，确保网页在不同浏览器上的一致性表现。"commonInitialize.css"就是这样一个专门用于全局CSS样式初始化的文件。 首先，我们来理解...
**DIV+CSS样式布局**是网页设计中一种常见的布局方式，它通过定义不同的HTML元素（如div）并应用CSS（层叠样式表）规则来实现页面的结构化和美化。这种布局方法相较于传统的表格布局，提供了更高的灵活性和可维护性...
在网页设计领域，`DIV+CSS`是一种广泛使用的布局技术，它通过定义不同的CSS（层叠样式表）类来控制HTML中的`<div>`元素，从而实现页面的精美设计和结构化布局。本资源包“漂亮样式CSS”包含了几个精心设计的`DIV+CSS...
综上所述，"CSS样式表中文手册"提供了全面的CSS知识，包括基础概念、语法结构、选择器类型、布局方法以及CSS3的新特性。通过深入学习和实践，开发者可以有效地掌握CSS，创建美观、响应式的网页。
《CSS+DIV网页样式与布局案例指导源代码》是一份重要的学习资料，它包含了使用CSS（层叠样式表）和DIV（定义文档结构的HTML元素）进行网页设计和布局的实际示例。这份源代码旨在帮助读者深入理解CSS和DIV在构建现代...
【标题】：“经典的css样式” 在网页设计领域，CSS（层叠样式表）扮演着至关重要的角色，它赋予HTML或XML文档丰富的视觉表现力。"经典的css样式"指的是那些广泛应用于网页设计，经过时间检验，既实用又美观的CSS...
本资源聚焦于"CSS样式布局"，旨在帮助你理解和掌握如何利用CSS来创建各种网页布局。 首先，我们来看“CSS + DIV布局”。DIV元素在HTML中被广泛用于组织和分隔内容，而CSS则是为这些DIV设置样式和定位的关键。通过...
9. **性能优化**：合理的div+css布局也应考虑性能，如减少CSS选择器的复杂性、优化图片和字体资源、使用适当的布局方法等，以提升页面加载速度和用户交互体验。 10. **浏览器兼容性**：尽管现代浏览器对CSS的支持...