设置对象右浮动的CSS代码是

设置对象右浮动的CSS代码如下：

#left {

text-align: right

width: 50%

padding-right: 10%

float: left

}

#right {

width: 50%

text-align: left

padding-left: 10%

}

#footer {

clear: both

}

扩展资料：

CSS 规则集（rule-set）由选择器和声明块组成：选择器指向您需要设置样式的 HTML 元素。声明块包含一条或多条用分号分隔的声明。每条声明都包含一个 CSS 属性名称和一个值，以冒号分隔。多条 CSS 声明用分号分隔，声明块用花括号括起来。

当我们要实现ul标签在右上角横向排列时，往往会采取给<ul>、<li>添加有浮动的方法，这样会出现<li>内容出现的顺序跟我们写的不一样的情况，例如：

我们写的是这样的：

<div id="headerTop">

<header class = "main">

<div class="logo l">

<p>Classic</p>

</div>

<div class="ulList">

<ul class = "r">

<li><a href="#">Home</a></li>

<li><a href="#">Aboout</a></li>

<li><a href="#">Services</a></li>

<li><a href="#">Portfolio</a></li>

<li><a href="#">Team</a></li>

<li><a href="#">Contact</a></li>

</ul>

</div>

</header>

</div>

登录后复制

得到的结果是这样的：

此时我们可以使用flex布局

css

.main{ width: 1340px margin:0 auto} /*margin: auto->使该区域在浏览器中央*/

* {

margin: 0/* 外边距 */

padding: 0/* 内边距

---