一句话说白：设置最短的高度为100%；
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
.{
padding:0;
margin:0;
}
body{
width:960px;
margin:0 auto;
}
#main{
border:1px solid #003366;/*实质做项目可以去边宽，看情况而定，为了演示我特意添加上去*/
height:700px;/*这个高度设置最长的高度就行，*//*这个俩个必须相同高度*/
}
#main #left{
border:1px solid #003366;
float:left;
width:300px;
height:100%;/*注意：这里设置为100%就会跟最长的那栏对齐*/
}
#main #content{
border:1px solid #003366;
height:700px;/*这个高度设置最长的高度就行，*//*这个俩个必须相同高度*/
float:right;
width:600px;
}
</style>
</head>
<body>
<div id="main">
<div id="left">左边</div>
<div id="content">主体</div>
</div>
</body>
</html>
分享到：
相关推荐
以下是关于PPT排版对齐技巧的详细解释： 1. **元素对齐**： - **水平对齐**：这是最常见的对齐方式，包括左对齐、居中对齐和右对齐。通过调整元素的位置，确保它们的左边、右边或中心线保持一致。 - **垂直对齐**...
PPT排版对齐技巧 在设计PPT时，对齐是非常重要的一步。好的对齐可以使PPT看起来更加整洁、简洁、美观，而坏的对齐则会使PPT看起来混乱、不协调。下面我们将详细介绍PPT排版对齐技巧。 一、对齐的基本概念 对齐是...
Word排版是很多人非常头痛的事，费时费力，快速排版工具栏内有“一键排版”功能、减小行间a距、字间距、一键页面设置等等。快速排版工具栏同时包含EXCEL排版工具栏，增加如双面打印、插入页码、冻结前两行并设置为...
从我以前写的一个发票打印系统中剥离出来的一个打印预览及排版窗体，通过配置文件保存打印位置，实现所见即所得的效果。 内含源代码，大家可以按照自己的需求改造。 打印服务器部分，请参考： ...
### LaTeX 数学排版技巧：公式、对齐与间距 #### 一、公式输入 在LaTeX中，公式可以通过多种方式来输入。根据上下文的不同，可以使用不同的环境和命令来实现不同效果。 1. **行内公式**： - 使用 `$` 符号将公式...
Word排版是很多人非常头痛的事，费时费力，快速排版工具栏增加使用频率最高的一些按钮，将极大地提 高了办公的效率。软件同时包含EXCEL工具栏。 WORD排版工具栏： 1.一键设置各种纸张。 2.无格式粘贴文本。 ...
在Android开发中，`TextView`是用于展示文本的常见组件，它在许多用户界面中扮演着核心角色。然而，有时开发者会遇到一个棘手的问题，即`TextView`中的换行文字可能不会对齐，尤其是在多行显示时。这个问题通常表现...
在IT领域，自动排版软件和相关技术是提高效率、美化文本内容的重要工具。自动排版源代码则是实现这些功能的基础，它涉及到编程语言、算法和人机交互等多个方面的知识。下面将对这些主题进行详细阐述。 首先，自动...
Keil文本代码对齐工具是面向编程人员的一款实用辅助软件，尤其在使用Keil C51或其他Keil系列编译器进行嵌入式系统开发时，它能够极大地提高代码的可读性和一致性。该工具的主要功能是自动格式化源代码，使代码结构...
强大的vb6源代码排版工具，集成在vb6中使用，所见即所得的排版工具，自动对齐，自动缩进等等，在打开vb6源代码以后，鼠标右键菜单，选择此工具，排版，即可把vb6源代码调整的非常整齐美观。
在给定的压缩包“【代码排版】js代码排版工具”中，可能包含了关于如何使用这些工具的教程、配置示例或者其他相关资源。通过学习和应用这些工具，开发者可以迅速提升代码质量，使项目代码保持一致性，从而提高整个...
这对于代码排版、多列文本对齐以及在程序界面上显示整齐的文本至关重要。 "好看"这一形容词暗示了我们正在寻找一种既实用又美观的等宽字体。Consolas 就是这样一款备受程序员喜爱的字体。Consolas 是由微软公司设计...
假设你正在编写一篇关于科技趋势的文章，并希望将其分为三栏以模拟科技杂志的排版风格。首先，选中文章的主体部分，然后按照上述步骤进入“分栏”设置，选择“三栏”。为了增加视觉效果，可以在“分栏”对话框中勾选...
2. **对齐原则**：网页元素的对齐方式包括左对齐、右对齐、居中对齐和两端对齐，对齐方式的选择影响着信息的阅读顺序和视觉平衡。 3. **层次结构**：有效的排版应能清晰展示信息的层次关系，通过字体大小、颜色、...
### 如何使用Word高效排版学术论文 #### 一、使用Word进行论文排版的核心功能详解 **1. 论文正确分节** 在撰写学术论文时，正确的分节是十分重要的一步。通过合理的分节，可以使论文的结构更加清晰有序，同时也...
"Elsevier爱思唯尔的word模板单栏双栏"指的是由知名学术出版机构Elsevier提供的Word文档模板，该模板包含了单栏和双栏两种布局模式，适用于撰写科研论文和报告。Elsevier是全球领先的科学、技术和医学信息产品和服务...
综上所述，"delphi排版工具"涵盖了Delphi中的多种布局技术和第三方组件，它们为开发者提供了强大的工具来创建美观、响应式的用户界面，满足不同项目的复杂需求。通过熟练掌握这些工具和技巧，开发者可以提高工作效率...
### 关于DevExpress LayoutControl 控件排版属性详解 DevExpress 是一款功能强大且广泛应用于Windows Forms、WPF 和 ASP.NET 平台的控件库。它提供了丰富的控件和工具，帮助开发者快速创建高质量的应用程序。其中，...
总的来说，这个在线自动排版程序接口为开发者提供了一种高效、灵活的方式，将专业级别的文本排版功能集成到他们的应用程序中，从而提升用户界面的质量和专业性。通过研究提供的资源和接口文档，开发者可以快速地将这...