CSS定位帮助_Css - Fatal编程技术网

CSS定位帮助

css

CSS定位帮助,css,Css,我想在同一行中放置一个左边有一些文本的边框和右边有一些文本的边框。我该怎么做谢谢谢谢你们的回答，我成功了。再次感谢。 <div> <div style="float:left;border:solid 1px black;"> Some text </div> <div style="border:solid 1px black;"> More text </div> </div> 一些

我想在同一行中放置一个左边有一些文本的边框和右边有一些文本的边框。我该怎么做

谢谢

谢谢你们的回答，我成功了。再次感谢。


<div>
  <div style="float:left;border:solid 1px black;">
    Some text
  </div>
  <div style="border:solid 1px black;">
    More text
  </div>
</div>

一些文本
更多文本

这就是你要找的吗？


一些文本
更多文本

这就是你想要的吗？

根据具体情况，有几种选择：

在左侧容器上使用浮动：
```
float:left
```
，在右侧容器上使用浮动：
```
float:right
```
使它们成为内联元素或内联块-
```
显示：内联块
```
可以创造奇迹
结合
```
左
```
和
```
右
```
属性使用绝对定位

根据具体情况，有几种选择：

在左侧容器上使用浮动：
```
float:left
```
，在右侧容器上使用浮动：
```
float:right
```
使它们成为内联元素或内联块-
```
显示：内联块
```
可以创造奇迹
结合
```
左
```
和
```
右
```
属性使用绝对定位

<html><head>
<style type="text/css">

#content{
    border:2px solid #999;
    padding:10px;
}
.titlebox{
    float:left;
    padding:0 5px;
    margin:-20px 0 0 30px;
    background:#fff;
}
</style></head><body>

<div id="content">
    <div class="titlebox">Title</div>
    <p>Lorem ipsum dolor sit amet consectetuer venenatis vitae Nulla fringilla consequat. Wisi magnis volutpat auctor Nulla Vivamus id In elit dictumst mollis. Curabitur auctor consectetuer dui interdum neque Curabitur vel auctor tellus netus. Sed tincidunt condimentum semper Vestibulum sed tellus ridiculus elit In dictum. Turpis lacus pellentesque In ac volutpat mi non nibh vitae laoreet. Elit.</p>
</div>
</body></html>


#内容{
边框：2个实心#999；
填充：10px；
}
.标题栏{
浮动：左；
填充：0 5px；
利润率：-20px 0 0 30px；
背景：#fff；
}
标题
同样的道理，我也不愿意为威尼斯人的生活付出代价。在elit dictumst mollis中，Wisi magnis和auctor Nulla Vivamus id。策展人拍卖人连续两次与策展人拍卖人泰卢斯·内特斯（tellus netus）发生冲突。在名言中，这是一种很好的调味品。在我的生活中，有一种叫Turpis lacus pellentesque的土耳其人。精英

.titlebox

文本对齐：右

<html><head>
<style type="text/css">

#content{
    border:2px solid #999;
    padding:10px;
}
.titlebox{
    float:left;
    padding:0 5px;
    margin:-20px 0 0 30px;
    background:#fff;
}
</style></head><body>

<div id="content">
    <div class="titlebox">Title</div>
    <p>Lorem ipsum dolor sit amet consectetuer venenatis vitae Nulla fringilla consequat. Wisi magnis volutpat auctor Nulla Vivamus id In elit dictumst mollis. Curabitur auctor consectetuer dui interdum neque Curabitur vel auctor tellus netus. Sed tincidunt condimentum semper Vestibulum sed tellus ridiculus elit In dictum. Turpis lacus pellentesque In ac volutpat mi non nibh vitae laoreet. Elit.</p>
</div>
</body></html>


#内容{
边框：2个实心#999；
填充：10px；
}
.标题栏{
浮动：左；
填充：0 5px；
利润率：-20px 0 0 30px；
背景：#fff；
}
标题
同样的道理，我也不愿意为威尼斯人的生活付出代价。在elit dictumst mollis中，Wisi magnis和auctor Nulla Vivamus id。策展人拍卖人连续两次与策展人拍卖人泰卢斯·内特斯（tellus netus）发生冲突。在名言中，这是一种很好的调味品。在我的生活中，有一种叫Turpis lacus pellentesque的土耳其人。精英

.titlebox

文本对齐：right