html – 如何水平对齐两个div面板

概述我创建了两个div并使用css内联属性左右对齐它们,问题是我无法设置宽度和高度的百分比(不是像素值),我已经看到了这个问题的一些替代品但是我还没有得到解决方案, 这就是我要的 ： 这是一个小提琴：http://jsfiddle.net/6JgNu/(我使用像素值来设置高度而不是百分比).请用高度百分比值更新它. 这是代码： <style type="text/css">.left-panel{ 我创建了两个div并使用CSS内联属性左右对齐它们,问题是我无法设置宽度和高度的百分比(不是像素值),我已经看到了这个问题的一些替代品但是我还没有得到解决方案,

这就是我要的 ：

这是一个小提琴：http://jsfiddle.net/6JgNu/(我使用像素值来设置高度而不是百分比).请用高度百分比值更新它.

这是代码：

<style type="text/CSS">.left-panel{            background-color:#ccc;    wIDth:10%;    height:100px;            }.right-panel{            background-color:Gray;    wIDth:90%;    height:100px;}

    第一小组

    第二小组

任何帮助感激不尽！

@R_403_6120@ 使用@R_403_5987@：left

.left-panel{            background-color:#ccc;    wIDth:10%;    height:100px;    @R_403_5987@:left;            }.right-panel{            background-color:Gray;    wIDth:80%;    height:100px;    @R_403_5987@:left;}​

演示：http://jsfiddle.net/6JgNu/5/

总结

以上是内存溢出为你收集整理的html – 如何水平对齐两个div面板全部内容，希望文章能够帮你解决html – 如何水平对齐两个div面板所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。