檬味博客 » 问答 » 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 阅读 25 次 更新于 2025-08-11 21:33:03 我来答关注问题0
2 个回答檬味博客专题活动
  • 阿暄生活 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% ;} 这样就能使左边靠左，右边向右显示。上面设置...

  • xssla <p>内的内容怎么设置一半居左和一半居右

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

  • 校企律说法 div+css怎么居左居右剧中

    在网页设计中，使用和CSS实现内容的居中、左对齐和右对齐是常见的需求。要使内容居中，可以设置的宽度，并使用margin:0 auto;。对于内容的左对齐和右对齐，可以利用float属性，分别设置为float:left和float:right。具体来说，当需要使内容居中时，首先确定的宽度，然后通过设置margin:0 auto;实现自动居中。

  • 校企律说法 CSSl里怎么让div居右,我设置了一个大的div里面包一个小的,我想让小的居右面!

    要让一个较小的元素居右，一种常用的方法是给它添加CSS样式，使其右浮动。通过设置浮动属性，可以实现这一效果。具体来说，可以给要居中的元素添加如下CSS样式：.small-div { float: right;} 需要注意的是，为了确保布局的正常工作，需要清除浮动的影响。可以使用clearfix技术来解决这一问题，为包含...

其他CSS类似问题

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

CSS相关话题

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