檬味博客 » 问答 » CSS一边居左一边居右的代码？

CSS一边居左一边居右的代码？

{ margin:0; padding:0;} a{ width:910px; margin:20px auto;} l{ width:450px; border:1px solid #ccc; float:left; height:210px;} r{ width:450px; border:1px solid #ccc; float:right; height:210px;} .cf{ clear:both;} .f{ clear:both; height:90px; border:1px solid...
CSS一边居左一边居右的代码？
一个divfloat:left
另一个float:right
并设置每个的宽度，总宽度不超过最大宽度。如不懂，具体百度Hi。2010-01-15
我来回答你：把下面的代码复制到记事本中，保存，并保存为.html网页文件，打开就看到了！代码如下：

<!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">
*{ margin:0; padding:0;}
#a{ width:910px; margin:20px auto;}
#l{ width:450px; border:1px solid #ccc; float:left; height:210px;}
#r{ width:450px; border:1px solid #ccc; float:right; height:210px;}
.cf{ clear:both;}
.f{ clear:both; height:90px; border:1px solid #ccc; margin-top:6px;}
.l{ width:400px; border:1px solid #ccc; float:left; height:210px; margin-top:6px;}
.r{ width:500px; border:1px solid #ccc; float:right; height:210px;margin-top:6px;}

</style>
</head>

<body>
<div id="a">
<h1>网站简单布局 兼容IE FF</h1>
<div id="l">左框</div>
<div id="r">右框</div><div class="cf"></div>
<div class="f"></div>
<div class="l"></div>
<div class="r"></div>
</div>

</body>
</html>

如果可以，请给我分！2010-01-15
mengvlog 阅读 54 次 更新于 2025-10-31 11:06:31 我来答关注问题0
2 个回答檬味博客专题活动
  • xssla <p>内的内容怎么设置一半居左和一半居右

    然后设置css样式 p{ text-align:right;} p span{ float:left;} 这样就可以了

  • 阿暄生活 css左右居中怎么设置 css左右布局

    CSS左右布局和左右居中的设置方法 一、CSS左右布局 浮动定位实现左右布局：使用float: left;将左侧元素浮动到左边。右侧元素可以设置为float: right;或者给其添加一个margin-left值，该值等于左侧元素的宽度，以实现右侧自适应布局。弹性布局（Flexbox）实现左右布局：将父容器设置为display: flex;。使用just...

  • 百度网友f3153a6 怎么让<li>标签里的两句话分别居左居右显示

    将中两句话分别设置样式并使用浮动。然后使用左，右浮动，这样就能左右显示了。给出页面代码： < span class="left"> 左边 右边 在css中写法 .left{float：left; width:50% ;} .right{float：right; width:50% ;} 这样就能使左边靠左，右边向右显示。上面设置...

  • chenlihuaclh div+css怎么居左居右剧中

    对要靠左对齐（局左）的div样式加float:left。示例代码：css部分： .divcss5-left{float:left;width:250px;height:50px;border:1px solid #F00} HTML部分：此DIV靠左对齐显示 2、居右：对要靠右对齐（局右）的div样式加float:right。示例代码：css部分： .divcss5-right{float:left;width:250p...

  • ak_yao div+css居左居右的问题

    .block h3 { line-height: 28px;padding-left: 9px;background-color: #CEEBCE;margin-top: 0px;margin-bottom: 6px;font-size: 13px;overflow:hidden;height:25px;}

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部