这是我在做作业过程中发现的问题,当我使用float :right来控制文本位置的时候,发现不论怎么调都会让我的文本自动换行。
这是我应该做出来的效果:
但当我把自己觉得正确的代码写出来后,发现成了这样:
最后终于发现这个问题是由于使用float :right会自动换行引起的,所以我上网查了下解决办法,看到方法很简单,很实用:
1、只需要把float的模块放到非float的前面即可。
2、给非float元素添加float属性。
最后码上最后成果的代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
* {
margin: 0;
padding: 0;
list-style: none;
}
body {
font-size: 14px;
color: #ffffff;
}
.box1 {
width: 990px;
height: 185px;
background-color: #f3f0e5;
border<