我目前在我的页面上有两个div,左右是中左,它们都向左浮动。我的问题是,当我调整页面大小以使其变小时,右边的div将沉入左边的div下,我宁愿它保持它在另一个div旁边的位置。
什么CSS巫术会允许我这样做? (如果有的话)
答案 0 :(得分:0)
在开发流体布局时,常见的错误是将%
单位与px
值混合。
%
的大小与可用空间相对应,如果值为px
或em
或...
如果您使用%
单位来确定布局的大小,则必须确保%
border
,padding
,{{1} }。
对于这样的布局
margin
CSS,
<div id="left">
Left
</div>
<div id="center">
Center
</div>
答案 1 :(得分:0)
您好请检查以下相应的代码,它会帮助您....
<html>
<head>
<style type="text/css">
#left {
border:1px solid red;
width:40%;
height:auto;
float:left;
}
#right {
border:1px solid blue;
width:40%;
height:auto;
float:left;
}
</style>
</head>
<body>
<div id="left">
<h1>Sample 1</h1>
<h1>Sample 1</h1>
<h1>Sample 1</h1>
<h1>Sample 1</h1>
</div>
<div id="right">
<h1>Sample 2</h1>
<h1>Sample 2</h1>
<h1>Sample 2</h1>
<h1>Sample 2</h1>
</div>
</body>
</html>
答案 2 :(得分:0)
还有一种方法可以不使用%尺寸,因为它们很危险;)
<div id="left">Left</div>
<div id="center">Center</div>
<br />
CSS:
#left {
width: 100px;
float: left;
}
#center {
width: 100px;
margin: 0 auto;
}
br {
clear: both;
}
祝福,