css怎么向左浮动,Css水平浮动从右到左

3 个答案:

答案 0 :(得分：0)

将您的CSS更改为：

.intro-body-left {

float: left;

margin-top: 40px;

width: 40%;

border-color: #ccc;

border-radius: 15px;

background-color: #f8f8f8;

border: 1px solid;

}

.intro-body-right {

width: 100%;

margin-top: 40px;

border-color: #ccc;

border-radius: 15px;

background-color: #f8f8f8;

border: 1px solid;

}

答案 1 :(得分：0)

这是一种(非常简单)的方法。

HTML 强>

Top Top Top Top Top Top Top Top Top Top Top Top

Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test

CSS 强>

.one

{

width:200px;

height:200px;

border:20px transparent;

background:#f00;

position:absolute;

}

.two

{

width:1000px;

height:500px;

background:#00f;

padding-left:250px;

}

答案 2 :(得分：0)

这项工作：

.intro-body-left {

position : absolute;

top: 40px;

width: 40%;

left : 0

margin : 10px ; // for add space between 2 columns

border-color: #ccc;

border-radius: 15px;

background-color: #f8f8f8;

border: 1px solid;

}

.intro-body-right {

position : relative;

width: 100%;

margin-top: 40px;

border-color: #ccc;

border-radius: 15px;

background-color: #f8f8f8;

border: 1px solid;

}